03的开发日志
0%

自定义JavaScript字符串占位替换

发表于 更新于 分类于
本文字数： 1.1k 阅读时长 ≈ 1 分钟

API:

1
String.prototype.t(...args)

使用示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
console.log('String: %t'.t('123'));
//String: 123

console.log('Number: %t'.t(456));
//Number: 456

console.log('Multi parameters: %t, %t, %t'.t('123', 456, { num: 123, str: '456' }));
//Multi parameters: 123, 456, {"num":123,"str":"456"}

console.log('占位符数量不足：%t'.t(123, 456, 'str'));
//占位符数量不足：123

console.log('占位符数量过多：%t, %t, %t, %t'.t({ a: 'aaa', b: 'bbb' }));
//占位符数量过多：{"a":"aaa","b":"bbb"}, %t, %t, %t

实现源码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
String.prototype.t = function(...args) {
    if (args.length === 0) {
        return this.toString();
    }

    const template = '%t';
    let str = this.toString();

    for (let i = 0; i < args.length; i++) {
        let idx = str.indexOf(template);
        if (idx === -1) break;
        if (typeof args[i] === 'object') {
            args[i] = JSON.stringify(args[i]);
        }
        str = str.substr(0, idx) + args[i] +
            str.substring(idx + template.length, str.length);
    }
    return str;
}

实现思路

  • 字符串替换，将%t替换为参数列表中的参数
  • substr(start, length)
  • substring(start, end)