ES9（ECMAScript2018）是JavaScript的最新版本，它引入了许多新特性和API以简化开发过程。在这篇文章中，我们将介绍ES9中字符串和数组的新增方法，并提供详细的使用说明和示例代码。
字符串的新增方法
padStart 和 padEnd
ES9中，字符串对象新增了两种方法：padStart和padEnd。这两种方法都可以用来在字符串的开头或结尾添加指定长度的字符。这两个方法会把字符串填充到指定的长度，并且可以指定填充字符。
示例代码：
const name = 'Alice'; console.log(name.padStart(10, '0')); // "00000Alice" console.log(name.padEnd(10, '-')); // "Alice-----"
trimStart 和 trimEnd
trimStart方法和trimEnd方法可以用来从字符串的开头或结尾移除空格、制表符、换行符等空白字符。
示例代码：
const str = ' hello world '; console.log(str.trimStart()); // "hello world " console.log(str.trimEnd()); // " hello world"
数组的新增方法
flat
flat方法可以将一个多维数组平铺成一个一维数组。如果不想铺平所有层级的数组，可以通过指定一个可选参数来确定要平铺的层数。
示例代码：
const arr1 = [1, 2, [3, 4]]; console.log(arr1.flat()); // [1, 2, 3, 4] const arr2 = [1, 2, [3, [4, 5]]]; console.log(arr2.flat(2)); // [1, 2, 3, 4, 5]
flatMap
flatMap方法是一个组合方法，它首先将每个元素通过映射函数转换成一个新数组，然后使用flat方法将所有新数组平铺成一个数组。
示例代码：
const arr1 = [1, 2, 3];
console.log(arr1.flatMap(x => [x * 2])); // [2, 4, 6]
const arr2 = ['hello', 'world'];
console.log(arr2.flatMap(x => x.split(''))); // ["h", "e", "l", "l", "o", "w", "o", "r", "l", "d"]fromEntries
fromEntries方法可以将一个二维数组转换为一个对象。
示例代码：
const arr = [['name', 'Alice'], ['age', 30], ['gender', 'female']];
console.log(Object.fromEntries(arr)); // {name: "Alice", age: 30, gender: "female"}总结
ES9 中的字符串和数组的新增方法提供了更方便的操作方式，同时简化了代码，让开发者更加高效地开发项目。在实际应用中，我们可以根据场景适当地运用这些方法来提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654300dc7d4982a6ebca89ab