ES6 中数组的扩展与操作-JavaScript中文网-JavaScript教程资源分享门户

前言

在 ES6 中，数组的扩展与操作方案大大增强了 JavaScript 的数组功能。在本文中，我们将探讨一些 ES6 中新增的有用方法与技巧。这些方法将提高我们操作数组的效率，简化代码，减少出错率。

扩展运算符可以将一个数组展开为多个参数，或者将多个参数组成一个数组。这样做可以方便地复制或者合并数组。

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]

Array.from() 方法可以将一个类数组对象或者可迭代对象转换为真正的数组。这是因为它可以方便地处理对象，并且可以将字符串转换为字符数组。

const str = 'hello';
const arr = Array.from(str); // [ 'h', 'e', 'l', 'l', 'o' ]

Array.of() 方法可以在不同的环境下创建新数组，这在 IE9 中非常有用，因为在 IE9 中使用Array()方法来创建新数组会出现错误。

const arr = Array.of(2, 3, 4); // [2, 3, 4]

Array.fill() 方法可以填充数组，将数组中的每个元素替换为指定的值。经常使用的一种情况是创建一个全为0的数组。

const arr = new Array(5).fill(0); // [0, 0, 0, 0, 0]

Array.find() 方法可以返回数组中满足条件的第一个元素，如果没有找到，则返回 undefined。

const arr = [1, 2, 3, 4, 5];
const result = arr.find(item => item > 2); // 3

Array.findIndex() 方法可以返回数组中满足条件的第一个元素的索引，如果没有找到，则返回 -1。

const arr = [1, 2, 3, 4, 5];
const result = arr.findIndex(item => item > 2); // 2

Array.includes() 方法可以返回一个布尔值，表示数组是否包含指定的值。

const arr = [1, 2, 3, 4, 5];
const result = arr.includes(3); // true

Array.flat() 方法可以扁平化嵌套数组，将多维数组转换为一维数组。

const arr = [1, 2, [3], [4, [5]]];
const result = arr.flat(); // [1, 2, 3, 4, [5]]

Array.flatMap() 方法可以将每个元素与一个映射函数返回的结果合并成一个新数组。相当于先调用map()方法，然后再调用flat()方法。

const arr = [1, 2, 3];
const result = arr.flatMap(item => [item * 2]); // [2, 4, 6]

ES6 中新增的数组扩展与操作方案，为 JavaScript 中的数组操作提供了更多的可能。在日常开发中，这些方法能够为我们节省时间和精力。谨记本文中所提到的技巧，并进一步探索这一主题。

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