ES11 中新的字符串函数：使数组分隔更轻松-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，字符串处理一直是前端开发中的重要部分。在 ES11 中，JavaScript 引入了许多新的字符串函数，其中包括可以使数组分隔更轻松的新函数。在本文中，我们将深入探讨这些新的字符串函数，包括如何使用它们以及它们的指导意义。

1. String.prototype.split()

let str = 'ab-cd-ef';
let arr = str.split('-');
console.log(arr); // ["ab", "cd", "ef"]

String.prototype.split() 方法可以将一个字符串分割成一个字符串数组。这个方法需要一个分隔符作为参数，并将字符串以这个分隔符为准进行分割。在示例代码中，将字符串 "ab-cd-ef" 以 "-" 分隔成了一个数组 ["ab", "cd", "ef"]。

2. String.prototype.matchAll()

let str = 'The quick brown fox jumps over the lazy dog.';
let regexp = /[A-Z]/g;
for (const match of str.matchAll(regexp)) {
  console.log(match);
}

String.prototype.matchAll() 方法可以返回一个迭代器，可以通过它来遍历字符串中所有特定正则表达式的匹配项。在示例代码中，我们使用这个方法来遍历字符串 str 中所有大写字母的匹配。

3. String.prototype.trimStart() 和 String.prototype.trimEnd()

let str = '    a b c    ';
console.log(str.trimStart()); // "a b c    "
console.log(str.trimEnd()); // "    a b c"

String.prototype.trimStart() 和 String.prototype.trimEnd() 方法用于删除字符串的开头和结尾处的空格，它们可以方便地处理一些字符串格式化的问题，例如表单输入的数据。在示例代码中，使用这两个方法分别删除了字符串 str 的开头和结尾处的空格。

4. String.prototype.trimEnd()

let str = '12345';
let padNum = str.padEnd(10, '-');
console.log(padNum); // "12345-----"

String.prototype.padEnd() 方法可以将字符串添加到指定的长度，并在其结尾处用指定字符进行填充。这个方法需要两个参数：要填充的字符串长度和要填充的字符。在示例代码中，使用这个方法将字符 str 填充到长度为 10 的字符串，并在其结尾处用字符 "-" 进行填充，结果为 "12345-----"。

总结

在 ES11 中，JavaScript 引入了许多新的字符串函数，这些函数可以帮助我们更方便地处理字符串。这些新函数包括 String.prototype.split()、String.prototype.matchAll()、String.prototype.trimStart()、String.prototype.trimEnd() 和 String.prototype.padEnd()。

学习如何使用这些函数可以使我们更好地处理字符串。例如，在处理表单输入数据时，我们可以使用 String.prototype.trimStart() 和 String.prototype.trimEnd() 来去除不必要的空格。在需要将字符串转化为数组时，可以使用 String.prototype.split() 来快速实现。在需要对字符串填充时，可以使用 String.prototype.padEnd() 方法。

要熟练掌握这些函数，需要不断练习。希望本文能够对你加深对 ES11 里新的字符串函数的理解，并在实际应用中得到更好的应用。

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