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））；

arg函数：

/**
 * Qt stil arg()
 * var scr = "<div id='%1' class='%2'></div>".arg("mydiv").arg("mydivClass");
 */
String.prototype.arg = function() {
    var signIndex = this.indexOf("%");
    var result = this;
    if (signIndex > -1 && arguments.length > 0) {
        var argNumber = this.charAt(signIndex + 1);
        var _arg = "%"+argNumber;
        var argCount = this.split(_arg);
        for (var itemIndex = 0; itemIndex < argCount.length; itemIndex++) {
            result = result.replace(_arg, arguments[0]);
        }
    }
    return result;
}

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（）等的链接）

基于先前建议的解决方案：

// First, checks if it isn't implemented yet.
if (!String.prototype.format) {
  String.prototype.format = function() {
    var args = arguments;
    return this.replace(/{(\d+)}/g, function(match, number) { 
      return typeof args[number] != 'undefined'
        ? args[number]
        : match
      ;
    });
  };
}

“｛0｝已死亡，但｛1｝仍活着！｛0｛｛2｝”.format（“ASP”，“ASP.NET”）

输出

ASP死了，但ASP.NET活了！ASP｛2｝

如果您不想修改String的原型：

if (!String.format) {
  String.format = function(format) {
    var args = Array.prototype.slice.call(arguments, 1);
    return format.replace(/{(\d+)}/g, function(match, number) { 
      return typeof args[number] != 'undefined'
        ? args[number] 
        : match
      ;
    });
  };
}

让您更加熟悉：

String.format（“｛0｝无效，但｛1｝有效！｛0｛｛2｝”，“ASP”，“ASP.NET”）；

结果相同：

ASP死了，但ASP.NET活了！ASP｛2｝

虽然不是世界上最推荐的功能，但它确实有效。

如果需要sprintf，只需复制并粘贴相同的函数，并将return console.log（sb）更改为只返回sb。

printf=函数（s，/*args…*/）{a=参数；al=a.length；如果（al<=1）返回-2；如果（al>=2&&s.toLowerCase（）.search（/%[a-z]/）==-1）返回-1；sb=s；对于（i=1；i<=al-1；i++）{sb=某人替换（/%[a-z]/，a[i]）；}返回控制台日志（sb）；}var someString=“您好%s\n现在是%s：%s%s。\n今天是%s\n”；printf（someString，“StackOverflowUser”，“5”，“48”，“PM”，“漂亮”）；

当前JavaScript

从上的ES6可以使用模板字符串：

let soMany = 10;
console.log(`This is ${soMany} times easier!`);
// "This is 10 times easier!"

详见下文Kim的回答。

较旧的答案

试试JavaScript的sprintf（）。

如果你真的想自己做一个简单的格式化方法，不要连续替换，而是同时替换。

因为当先前替换的替换字符串也包含如下格式序列时，提到的大多数其他建议都会失败：

"{0}{1}".format("{1}", "{0}")

通常，您希望输出为｛1｝｛0｝，但实际输出为｛1｝{1｝｝。所以要像恐惧噬菌体的建议那样同时进行替换。