ECMAScript (简称 ES) 是一种由 ECMA 国际组织标准化的脚本编程语言，其中包含了大量的语法和 API。在 ES10 中，新增了一些字符串方法，用于处理和操作字符串。本文将详细介绍 ES10 中所有的字符串方法，并提供相关的示例代码。
padStart() 和 padEnd()
在 ES10 中，新增了两个方法 padStart() 和 padEnd()，用于在给定字符串的开头或结尾填充指定的字符串，直到达到指定长度。这两个方法非常适合用作格式化字符串，例如添加左对齐或右对齐的数据。
const str = 'hello'; str.padStart(10, ' '); // returns ' hello' str.padEnd(10, 'x'); // returns 'helloxxxxx'
padStart() 方法接收两个参数，第一个参数表示需要填充的总长度，第二个参数表示用于填充的字符串。如果被填充的字符串已经达到或超过了指定长度，那么将不进行填充。
trimStart() 和 trimEnd()
在 ES10 中，新增了两个方法 trimStart() 和 trimEnd()，用于去除给定字符串开头或结尾的空格字符。这两个方法可以替代现有的 String.prototype.trim() 方法，该方法仅支持去除字符串首尾的空格字符。
const str = ' hello '; str.trimStart(); // returns 'hello ' str.trimEnd(); // returns ' hello'
fromEntries()
在 ES10 中，新增了 fromEntries() 方法，用于将数组转换为对象形式。该方法接收一个由键值对组成的数组，然后将其转换为一个对象。
const arr = [['name', 'John'], ['age', 30], ['occupation', 'developer']];
Object.fromEntries(arr); // returns {name: 'John', age: 30, occupation: 'developer'}flat() 和 flatMap()
在 ES10 中，新增了两个数组方法 flat() 和 flatMap()。flat() 方法用于将多维数组展开成一维数组，而 flatMap() 方法则先执行一个 map() 方法，然后再使用 flat() 方法将结果展开。
const arr = [1, 2, [3, 4, [5, 6]]]; arr.flat(); // returns [1, 2, 3, 4, [5, 6]] arr.flat(2); // returns [1, 2, 3, 4, 5, 6] const arr2 = [1, 2, 3, 4]; arr2.flatMap(x => [x * 2]); // returns [2, 4, 6, 8]
Object.fromEntries() 和 Object.entries()
在 ES10 中，Object 对象的实例新增了 fromEntries() 方法，该方法用于将由键值对组成的数组转换为一个对象。同时，Object 对象的实例也支持 entries() 方法，用于获取一个对象中所有的键值对。
const obj = {name: 'John', age: 30, occupation: 'developer'};
const arr = Object.entries(obj); // returns [['name', 'John'], ['age', 30], ['occupation', 'developer']]
const newObj = Object.fromEntries(arr); // returns {name: 'John', age: 30, occupation: 'developer'}总结
ES10 中新增的字符串和数组方法非常实用，可以帮助我们更加高效地处理和操纵字符串和数组。这些方法的引入，不仅增加了语言本身的功能，也提升了团队的开发效率和代码质量。我们需要深入理解这些方法的运作原理，并加以应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ae565648841e9894a5960f