ES10 中字符串函数的新特性及应用技巧-JavaScript中文网-JavaScript教程资源分享门户

在 ES10 中，字符串函数得到了进一步的优化和增强，这些新的特性和功能为前端开发者提供了更多的工具和技巧。

本文将深入介绍 ES10 中字符串函数的新特性及应用技巧，帮助读者更好地了解如何在项目中应用这些新的函数。

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

String.prototype.trim() 函数是用来从一个字符串的两端去除空格的。在 ES10 中，String.prototype.trimStart() 和 String.prototype.trimEnd() 函数分别用来去除字符串的左侧和右侧的空格。

这两个函数的应用场景主要是在处理一些字符串中包含的空格或换行符，使其符合我们的需求。

示例代码：

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

String.prototype.matchAll()

String.prototype.match() 函数可以用来从一个字符串中查找出符合某个模式的字符串。但是它和 RegExp.prototype.exec() 函数一样，仅仅能返回匹配到的第一个字符串。

在 ES10 中，新增了 String.prototype.matchAll() 函数，可以直接返回所有匹配到的字符串。它会返回一个迭代器，所以我们可以使用 for...of 循环来遍历所有匹配到的字符串。

示例代码：

const str = 'hello 2019, hello 2020';
const regExp = /(\d{4})/;
const matches = str.matchAll(regExp);

for (const match of matches) {
  console.log(match[0], match[1]); // '2019'， '2020'
}

String.prototype.padStart() 和 String.prototype.padEnd()

String.prototype.padStart() 和 String.prototype.padEnd() 是用来对字符串进行填充的函数。我们可以指定一个长度和填充字符，函数会用填充字符来填充字符串，直到达到指定长度。

这两个函数常用于将字符串的位数（不足指定位数时）通过填充字符进行补齐。

示例代码：

const str = '20';
console.log(str.padStart(4, '0')); // '0020'
console.log(str.padEnd(4, '0')); // '2000'

String.prototype.replaceAll()

String.prototype.replaceAll() 函数可以用来替换字符串中所有匹配到的子串。这个功能以前需要通过正则表达式或者循环遍历实现，现在有了更加简洁的方式。

示例代码：

const str = 'hello 2019, hello 2020';
console.log(str.replaceAll('hello', 'hi')); // 'hi 2019, hi 2020'

总结

ES10 中字符串函数的新特性和功能为前端开发者提供了更加高效、简洁的编程方式。以上介绍的这些函数在日常开发中经常会用到，深入了解和熟练掌握这些函数的使用和应用，可以在项目中提升开发效率，提高代码质量。

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