通过 ES9 的新特性更好地使用数组

在前端开发中，数组是经常被使用到的数据结构之一。随着 ES9 引入了许多新特性，我们可以更好地利用这些特性来处理数组，从而使我们的代码更加优雅、简洁、高效。

Array.prototype.flat()

Array.prototype.flat() 是 ES9 新引入的数组扩展方法之一，它允许我们将数组“扁平化”。所谓“扁平化”，指的是将多层数组打平，最终只剩下一层。这个方法可以极大地简化我们的遍历和组合数组的操作。

const arr = [1, [2, 3], [[4, 5], [6, 7, 8]]];
const flatArr = arr.flat();

console.log(flatArr); // [1, 2, 3, [4, 5], [6, 7, 8]]

Array.prototype.flatMap()

类似于 Array.prototype.map() 方法，Array.prototype.flatMap() 方法也能够对数组中的每个元素进行操作，并返回一个新数组。但是，与 Array.prototype.map() 方法不同的是，如果在操作后的数组中发现了其他数组元素，那么这些数组元素将被“扁平化”。

const arr = [1, 2, 3];
const flatArr = arr.flatMap(item => [item * 2]);

console.log(flatArr); // [2, 4, 6]

Array.prototype.filter()

Array.prototype.filter() 方法在 ES6 中已经存在，它用于过滤数组中的元素，并返回一个新的数组。在 ES9 中，该方法被强化了，允许我们通过第一个参数来指定数组中元素的类型。

const arr = [1, '2', 3, '4'];
const numberArr = arr.filter(Number.isInteger);

console.log(numberArr); // [1, 3]

Array.prototype.from()

Array.prototype.from() 方法也被重新设计，允许我们通过一个类似数组的对象或迭代器来创建一个新数组。

const set = new Set([1, 2, 3]);
const arr = Array.from(set);

console.log(arr); // [1, 2, 3]

结论

通过 ES9 的新特性，我们可以更加便捷地遍历、操作和处理数组，这些特性不仅仅提供了更为语义化的代码，还可以极大地减少代码量，让我们的代码更加优雅、简洁、高效。

一些常用数组操作方式，在 ES9 的新特性下，变得更加方便，比如将一个多维数组扁平化，或者从一个类似数组的对象或迭代器中生成新数组等。开发者需要不断学习和实践，以提高自己在使用数组时的效率和代码质量。

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