ES10 中为 String 类型新增了一些方法，这些方法可以帮助开发者更加方便地处理字符串。本文将详细介绍这些新方法，并提供示例代码和指导意义。
1. trimStart() 和 trimEnd()
在 ES10 之前，我们通常使用 trim() 方法来去除字符串两端的空格。但是，如果我们只想去除字符串开头或结尾的空格，就需要使用正则表达式或其他方法。ES10 中新增了 trimStart() 和 trimEnd() 方法，可以分别去除字符串开头和结尾的空格。
const str = ' hello world '; console.log(str.trimStart()); // "hello world " console.log(str.trimEnd()); // " hello world"
这两个方法可以提高代码的可读性和简洁性，特别是在需要处理大量字符串的情况下。
2. fromEntries()
fromEntries() 方法是一个静态方法，可以将键值对数组转换为对象。在处理一些数据时，我们可能需要将数组转换为对象，从而更方便地进行操作。在 ES10 之前，我们需要使用 reduce() 方法或其他方法来实现这个功能。ES10 中的 fromEntries() 方法可以帮助我们更加方便地实现这个功能。
const arr = [['name', 'Alice'], ['age', 20], ['gender', 'female']];
const obj = Object.fromEntries(arr);
console.log(obj); // {name: "Alice", age: 20, gender: "female"}这个方法可以提高代码的可读性和简洁性，特别是在需要将数组转换为对象的情况下。
3. flat() 和 flatMap()
在 ES10 中，数组新增了 flat() 和 flatMap() 方法。这两个方法可以帮助我们更方便地处理嵌套数组。
flat() 方法可以将多维数组转换为一维数组，可以指定转换的深度。
const arr = [1, [2, [3]]]; console.log(arr.flat()); // [1, 2, [3]] console.log(arr.flat(2)); // [1, 2, 3]
flatMap() 方法可以在 flat() 方法的基础上，对每个元素进行处理并返回一个新的数组。
const arr = [1, 2, 3]; console.log(arr.flatMap(x => [x * 2])); // [2, 4, 6]
这两个方法可以提高代码的可读性和简洁性，特别是在需要处理嵌套数组的情况下。
4. matchAll()
matchAll() 方法可以用来匹配所有符合条件的字符串，并返回一个迭代器。在 ES10 之前，我们需要使用正则表达式的 g 全局模式来实现这个功能。ES10 中的 matchAll() 方法可以更加方便地实现这个功能。
const str = 'hello world';
const regex = /[a-z]/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match[0]);
}
// "h", "e", "l", "l", "o", "w", "o", "r", "l", "d"这个方法可以提高代码的可读性和简洁性，特别是在需要匹配符合条件的字符串的情况下。
5. encodeURI() 和 decodeURI()
encodeURI() 和 decodeURI() 方法可以用来编码和解码 URI。在处理一些需要传递参数的 URL 时，我们可能需要对参数进行编码和解码。在 ES10 之前，我们需要使用 encodeURIComponent() 和 decodeURIComponent() 方法来实现这个功能。ES10 中的 encodeURI() 和 decodeURI() 方法可以更加方便地实现这个功能。
const url = 'https://www.example.com?name=张三&age=20'; const encodedUrl = encodeURI(url); console.log(encodedUrl); // "https://www.example.com?name=%E5%BC%A0%E4%B8%89&age=20" const decodedUrl = decodeURI(encodedUrl); console.log(decodedUrl); // "https://www.example.com?name=张三&age=20"
这两个方法可以提高代码的可读性和简洁性，特别是在需要编码和解码 URI 的情况下。
总结
ES10 中新增的 String 方法可以帮助开发者更加方便地处理字符串，提高代码的可读性和简洁性。开发者在使用这些方法时，应该根据实际情况选择合适的方法，并注意方法的使用限制和注意事项，以避免出现错误。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65728bf1d2f5e1655db70cfb