ECMAScript 2021 中的新高效字符串方法

随着 JavaScript 的不断发展，ECMAScript 2021 引入了一些新的高效字符串方法，使字符串的处理更加方便和高效。在本文中，我们将详细介绍这些新的方法，并提供示例代码。

1. 字符串的 trimStart 和 trimEnd 方法

在 ECMAScript 2021 中，字符串对象新增了两个方法，分别是 trimStart 和 trimEnd。这两个方法可以去除字符串开头和结尾的空格。在之前的版本中，我们只能使用 trim 方法去除字符串两端的空格。

示例代码：

const str = "   hello world   ";
console.log(str.trim()); // "hello world"
console.log(str.trimStart()); // "hello world   "
console.log(str.trimEnd()); // "   hello world"

2. 字符串的 replaceAll 方法

在 ECMAScript 2021 中，字符串对象新增了 replaceAll 方法，可以一次性替换字符串中的所有匹配项。

示例代码：

const str = "hello world, hello JavaScript, hello ECMAScript";
console.log(str.replaceAll("hello", "hi")); // "hi world, hi JavaScript, hi ECMAScript"

3. 字符串的 matchAll 方法

在 ECMAScript 2021 中，字符串对象新增了 matchAll 方法，可以返回一个迭代器，用于遍历字符串中所有匹配项。

示例代码：

const str = "hello world, hello JavaScript, hello ECMAScript";
const regex = /hello/g;
for (const match of str.matchAll(regex)) {
  console.log(match[0]); // "hello"
}

4. 字符串的 padStart 和 padEnd 方法

在 ECMAScript 2021 中，字符串对象新增了两个方法，分别是 padStart 和 padEnd。这两个方法可以在字符串开头或结尾填充指定字符，以达到指定长度。

示例代码：

const str = "hello";
console.log(str.padStart(10, "*")); // "*****hello"
console.log(str.padEnd(10, "*")); // "hello*****"

5. 字符串的 slice 和 replace 方法支持负数索引

在 ECMAScript 2021 中，字符串对象的 slice 和 replace 方法支持负数索引，可以从字符串末尾开始计算索引。

示例代码：

const str = "hello world";
console.log(str.slice(-5)); // "world"
console.log(str.replace(/world/, "JavaScript").replace(/hello/, "Hi").slice(-16)); // "Hi JavaScript"

结论

ECMAScript 2021 中新增的字符串方法为我们提供了更加高效的字符串处理方式。使用这些方法可以使我们的代码更加简洁和易读。在实际开发中，我们可以根据需求选择合适的方法来处理字符串。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675bcda9a4d13391d8f86feb