3种不同的javascript字符串格式

有三种不同的方法通过用变量值替换占位符来格式化字符串。

使用模板文本（反引号``）let name=“John”；假设年龄=30；//使用倒钩console.log（`${name}是${age}岁。`）；//约翰30岁了。使用串联

let name=“John”；假设年龄=30；//使用串联console.log（name+'是'+age+'岁'）；//约翰30岁了。

创建自己的格式函数

String.prototype.format=函数（）{var args=参数；返回this。replace（/{（[0-9]+）}/g，函数（匹配，索引）{//检查参数是否存在返回参数类型[index]==“undefined”？匹配：args[index]；});};console.log（“｛0｝是｛1｝年前的。”.format（“John”，30））；

现在，有一个名为locatus的包，它将其他语言的函数转换为Javascript，如php、python、ruby等。

const printf = require('locutus/php/strings/printf')
printf('Hello world');

你可以试试这个游乐场代码沙盒

我使用一个名为String.format for JavaScript的小型库，它支持大多数格式字符串功能（包括数字和日期格式），并使用.NET语法。脚本本身小于4kB，因此不会产生太多开销。

一个稍有不同的版本，我更喜欢的版本（这个版本使用｛xxx｝标记，而不是｛0｝编号的参数，这更易于自我记录，更适合本地化）：

String.prototype.format = function(tokens) {
  var formatted = this;
  for (var token in tokens)
    if (tokens.hasOwnProperty(token))
      formatted = formatted.replace(RegExp("{" + token + "}", "g"), tokens[token]);
  return formatted;
};

一种变化是：

  var formatted = l(this);

它首先调用l（）本地化函数。

我有一个非常接近Peter的解决方案，但它涉及数字和对象情况。

if (!String.prototype.format) {
  String.prototype.format = function() {
    var args;
    args = arguments;
    if (args.length === 1 && args[0] !== null && typeof args[0] === 'object') {
      args = args[0];
    }
    return this.replace(/{([^}]*)}/g, function(match, key) {
      return (typeof args[key] !== "undefined" ? args[key] : match);
    });
  };
}

也许处理所有深度案件会更好，但对于我的需要来说，这很好。

"This is an example from {name}".format({name:"Blaine"});
"This is an example from {0}".format("Blaine");

PS：如果你在AngularJS这样的模板框架中使用翻译，这个函数非常酷：

<h1> {{('hello-message'|translate).format(user)}} <h1>
<h1> {{('hello-by-name'|translate).format( user ? user.name : 'You' )}} <h1>

en.json是什么样子的

{
    "hello-message": "Hello {name}, welcome.",
    "hello-by-name": "Hello {0}, welcome."
}

JavaScript中的数字格式

我来到这个问题页面，希望找到如何在JavaScript中格式化数字，而不引入另一个库。以下是我的发现：

舍入浮点数

JavaScript中sprintf（“%.2f”，num）的等价物似乎是num.toFixed（2），它将num格式化为2位小数，并带舍入（但请参见@ars265下面关于Math.round的评论）。

(12.345).toFixed(2); // returns "12.35" (rounding!)
(12.3).toFixed(2); // returns "12.30" (zero padding)

指数形式

sprintf（“%.2e”，num）的等效值为num.toExponential（2）。

(33333).toExponential(2); // "3.33e+4"

十六进制和其他基数

要以基数B打印数字，请尝试num.toString（B）。JavaScript支持从基数2到36的自动转换（此外，某些浏览器对base64编码的支持有限）。

(3735928559).toString(16); // to base 16: "deadbeef"
parseInt("deadbeef", 16); // from base 16: 3735928559

参考页

JS数字格式快速教程

toFixed（）的Mozilla参考页（带有指向Precision（）、toExponential（）、toLocaleString（）等的链接）