ES10 中对 Array 的扩展方法
随着 JavaScript 越来越成为最流行的编程语言之一，ECMAScript 标准也在不断地更新，最新版为 ES10。ES10 中对于 Array 的扩展方法，虽然不如 ES6 那样给人眼前一亮的感觉，但是新增加的方法却很实用。在本文中，我们将会详细讲解 ES10 中对于 Array 的扩展方法，帮助大家更好地理解和应用这些方法。
- flat
flat 方法是 ES10 新增的数组扁平化方法，它可以将多维数组转化为一维数组。这个方法有一个可选参数 depth，表示扁平化的深度，不传默认为 1。
let arr = [1, 2, [3, 4], [{a: 1, b: 2}, {c: 3, d: 4}]];
console.log(arr.flat(1)); // [1, 2, 3, 4, {a: 1, b: 2}, {c: 3, d: 4}]
console.log(arr.flat(2)); // [1, 2, 3, 4, 1, 2, 3, 4]- flatMap
flatMap 方法是在 map 方法的基础上进行的扩展，它首先对数组中的每一个元素进行 map 操作，然后将得到的结果按照单一数组的形式进行扁平化。与 map 方法相比，flatMap 可以节省一次循环，性能更好。
let arr = [1, 2, 3]; console.log(arr.flatMap(x => [x, x * 2])); // [1, 2, 2, 4, 3, 6]
- trimStart 和 trimEnd
trimStart 和 trimEnd 方法是在字符串方法 trim 的基础上进行的扩展，它们可以去除数组元素的开头或者结尾的空格。
let arr = [" foo ", " bar ", " hello world "]; console.log(arr.map(str => str.trimStart())); // ["foo ", "bar ", "hello world "] console.log(arr.map(str => str.trimEnd())); // [" foo", " bar", " hello world"]
- fromEntries
fromEntries 方法是与 Object.entries 方法相反的一个方法，它可以将一个由键值对数组转化为对象。
let arr = [["a", 1], ["b", 2], ["c", 3]];
console.log(Object.fromEntries(arr)); // {a: 1, b: 2, c: 3}总结
以上就是 ES10 中对于 Array 的扩展方法，这些新增的方法对于我们的开发非常有帮助，包括数组扁平化、数组映射和过滤、数组去空格等方面。希望大家通过本文的介绍和实际操作，可以更好地掌握这些方法，为自己的开发工作带来更好的效率和精度。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653164637d4982a6eb310458