枫枫知道个人博客|JS格式化字符串（两种方法）

[[ slide_text ]]

[[ item.content ]]

JS格式化字符串（两种方法）

发布时间：2022-09-14 作者：枫枫来源：枫枫知道个人博客

javascript

## 1. 使用反引号实现（推荐）
ES6 模板字符串(Template String)是增强版的字符串，用反引号 \` 标识，它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。

语法格式：

`想要输出的字符串……${变量名称}想要输出的字符串……${变量名称}`

应用实例：
```javascript
var name = "徐可可";
var age = 25;
var sex = "男";
console.log(`大家好，我叫${name}，性别${sex},今年${age}岁了`);
```

## 2. 自定义方法实现
String.prototype 属性表示 String原型对象。所有 String 的实例都继承自 String.prototype. 任何String.prototype上的改变都会影响到所有的 String 实例。js扩展String.prototype.format字符串拼接的功能，首先是基础功能的改造：

```javascript
String.prototype.format = function () {
    if (arguments.length === 0) {
        return this;
    }
    for (var s = this, i = 0; i < arguments.length; i++) {
        if (arguments[i]?.constructor === Object) {
            // 是对象
            for (const key in arguments[i]) {
                s = s.replace(new RegExp("\\{" + key + "\\}", "g"), arguments[i][key]);
            }
            continue
        }
        s = s.replace(new RegExp("\\{" + i + "\\}", "g"), arguments[i]);

}
    return s;
};

//使用1
var test = '我的{0}是{1}';
var result = test.format('ID', 'coco56');
console.log(result)
//使用2
var test = '我的{description}是{name}--年龄是{age}';
var result = test.format({description: 'ID', name: 'coco56', age: 35});
console.log(result)
```

你觉得文章怎么样

Thymeleaf

哈哈哈哈

7个月前
点赞（0）回复（1）

Thymeleaf @ Thymeleaf

测试

7个月前
点赞（0）回复

枫枫知道个人博客

JS格式化字符串（两种方法）

Thymeleaf

Thymeleaf @ Thymeleaf