ECMAScript 2020 中的字符串新增功能分析
ECMAScript 是一种语言规范，它定义了 Javascript 的语法和语义。自从 ECMAScript 6 发布以来，Javascript 编程体验得到了不少的改善，比如新增了箭头函数、模板字符串、类、Promise 等语言特性。2020 年的 ECMAScript 也带来了一些新的特性，其中字符串相关的内容得到了很大的改善，本文将对 ECMAScript 2020 中字符串新增的功能一一分析。
1、String.prototype.matchAll
matchAll 方法是 String.prototype 对象的一个新增方法，它返回一个迭代器，该迭代器可用于查找匹配一个给定正则表达式的所有字符串。下面是 matchAll 方法的使用示例。
const str = "Hello, world!"; const pattern = /\w+/g; for (let match of str.matchAll(pattern)) { console.log(match); }
输出结果如下：
["Hello", index: 0, input: "Hello, world!", groups: undefined] ["world", index: 7, input: "Hello, world!", groups: undefined]
2、String.prototype.replaceAll
replaceAll 方法是 String.prototype 对象的一个新增方法，它可以使用一个新的字符串替换所有与正则表达式或字符串相匹配的子字符串。下面是 replaceAll 方法的使用示例。
const str = "Hello, world!"; const pattern = /world/; const newStr = str.replaceAll(pattern, "JavaScript"); console.log(newStr);
输出结果如下：
"Hello, JavaScript!"3、String.prototype.trimStart 和 String.prototype.trimEnd
trimStart 和 trimEnd 分别是 String.prototype 对象的两个新增方法，它们用于删除一个字符串的开头和结尾的空格字符。下面是 trimStart 和 trimEnd 方法的使用示例。
const str = " Hello, world! "; console.log(str.trimStart()); // "Hello, world! " console.log(str.trimEnd()); // " Hello, world!"
4、String.prototype.match 和 String.prototype.replace 现在接受任意可迭代对象
在 ECMAScript 2020 中，String.prototype.match 和 String.prototype.replace 方法现在可以接受任意可迭代对象作为第一个参数，而不仅仅是正则表达式。下面是 match 和 replace 方法使用迭代器的一个示例。
-- -------------------- ---- ------- ----- -------- - - -------------------- - ----- -------- ----- -------- - -- ----- --- - ------- -------- --------------------------------- -- --------- --------------------------------- --------------- -- ------------ -------展开代码
ECMAScript 2020 在字符串相关的特性上进行了不小的改善，matchAll 和 replaceAll 方法可以更加方便的处理字符串，trimStart 和 trimEnd 方法则方便了用户去除字符串的空格。同时，match 和 replace 方法也支持迭代器作为参数，大大提升了它们的灵活性。以上的字符串新增功能相信会给前端开发者带来更多的便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b8e746306f20b3a670fb92
