在前端开发中，处理字符串是一项非常常见的任务。JavaScript 作为前端开发中最主要的编程语言之一，自然而然也提供了丰富的字符串操作方法和函数。不过，在 ECMAScript 2021 中，JavaScript 字符串迎来了一些新特性。这篇文章将介绍 ECMAScript 2021 中的字符串新特性，并带有详细且有深度的学习与指导意义，同时也包含示例代码。
字符串的中括号表示法
在 ECMAScript 2021 中，字符串可以通过中括号表示法来访问特定位置上的字符。中括号表示法非常类似于数组的下标访问方法。
const str = 'hello'; console.log(str[0]); // h console.log(str[3]); // l
这种访问方法可以让开发者更方便地获取和修改特定位置上的字符。需要注意的是，虽然字符串可以通过中括号表示法来访问特定位置上的字符，但是字符串本身是不可变的，因此不能通过这种方式来修改字符串的值。
字符串的 trimStart 和 trimEnd 方法
在 ECMAScript 2021 中，字符串新增了两个方法：trimStart 和 trimEnd。这两个方法分别用于去掉字符串开头和结尾的空格。
const str = ' hello '; console.log(str); console.log(str.trimStart()); console.log(str.trimEnd()); console.log(str.trimStart().trimEnd());
运行上面的代码，会输出以下内容：
hello hello hello hello
可以看到，在 trimStart 方法的作用下，字符串开头的空格被去掉了；在 trimEnd 方法的作用下，字符串结尾的空格被去掉了；如果同时使用这两个方法，字符串两端的空格都被去掉了。
字符串的 replaceAll 方法
在 JavaScript 中，替换字符串中的特定字符是一项非常常见的任务。在 ECMAScript 2021 中，字符串新增了一个名为 replaceAll 的方法，用于替换字符串中的所有匹配项。
const str = 'hello world';
console.log(str.replaceAll('l', '-'));在上述代码中，字符串 hello world 中的所有 l 都被替换成了 -。如果使用的是普通的 replace 方法，只会替换字符串中的第一个匹配项。
字符串的 matchAll 方法
在 ECMAScript 2021 中，字符串新增了一个名为 matchAll 的方法，用于返回一个迭代器，包含了字符串中所有匹配特定模式的子字符串。matchAll 方法可以接受一个正则表达式作为参数，该正则表达式用于匹配字符串中的子字符串。
const str = 'hello world';
const regex = /o/g;
for (const match of str.matchAll(regex)) {
console.log(match[0]); // o
}在上述代码中，字符串 hello world 中的所有 o 都被匹配到并输出了。需要注意的是，matchAll 方法返回的是一个迭代器，因此需要使用 for...of 来进行遍历。
字符串的可选链接操作符
在 ECMAScript 2021 中，JavaScript 语言新增了一个可选链接操作符（?.），它可以用于在链式调用中避免空指针异常。字符串对象也可以使用可选链接操作符。
const obj = {
message: {
text: 'hello'
}
}
console.log(obj?.message?.text);
console.log(obj?.message?.other);在上述代码中，使用可选链接操作符避免了当 message 或 text 为 null 或 undefined 时的空指针异常。上面的代码输出结果为 hello 和 undefined。
总结
ECMAScript 2021 中新增的字符串新特性，可以让开发者更方便地处理字符串。字符串的中括号表示法、trimStart 和 trimEnd、replaceAll、matchAll 等方法，都可以让开发者更加简洁地处理字符串。可选链接操作符则可以帮助开发者更好地避免空指针异常的问题。在实际开发中，可以灵活运用这些字符串新特性，来提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65aa6b86add4f0e0ff407060