function flatDeep(arr) { return arr.reduce((flattenArray, element) => { return Array.isArray(element) ? [...flattenArray, ...flatDeep(element)] : [...flattenArray, element] }, []) } console.log(flatDeep([1, 2, 3, [4, [[[5, [6, 7]]]], 8]])) // [1, 2, 3, 4, 5, 6, 7, 8]
这个例子有点像 map，除了我们用到了递归。我不想去解释这个用法，它超出了这篇文章的范围。但是，如果你想了解更多的关于递归的知识，请参考这篇优质的文章。
展开操作（ES2015）
我知道这不是一个方法。但是，在处理数组时，使用展开操作可以帮助你做很多事情。事实上，你可以在另一个数组中使用它展开一个数组的值。从这一点来说，你可以复制一个数组，或者连接多个数组。
const numbers = [1, 2, 3] const numbersCopy = [...numbers] console.log(numbersCopy) // [1, 2, 3] const otherNumbers = [4, 5, 6] const numbersConcatenated = [...numbers, ...otherNumbers] console.log(numbersConcatenated) // [1, 2, 3, 4, 5, 6]
注意：：展开操作符对原数组做了一次浅拷贝。但什么是 浅拷贝？🤔
额，浅拷贝是尽可能少的复制原数组。当你有一个数组包含数字，字符串或者布尔值（基本类型），它们是没问题的，这些值被真正复制。然而，对于 对象和数组 而言，这是不同的。只有 对原值的引用 会被复制！因此，如果你创建一个包含对象的数组的浅拷贝，然后在拷贝的数组中修改了对象，它也会修改原数组的对象，因为它们是 同一个引用。
const arr = ['foo', 42, { name: 'Thomas' }] let copy = [...arr] copy[0] = 'bar' console.log(arr) // No mutations: ["foo", 42, { name: "Thomas" }] console.log(copy) // ["bar", 42, { name: "Thomas" }] copy[2].name = 'Hello' console.log(arr) // /!\ MUTATION ["foo", 42, { name: "Hello" }] console.log(copy) // ["bar", 42, { name: "Hello" }]
所以，如果你想去“真正地”靠谱一个包含对象或者数组的是维护组，你可以使用 lodash 的方法 cloneDeep。但是不要觉得必须做这样的事。这里的目标是 意识到事情是如何运作的。
最好了解的
下面你看到的方法，是最好了解一下的，同时它们能帮助你解决某些问题，比如在数组中搜索一个元素，取出数组的部分或者更多。
includes（ES2015）
你曾经尝试用过 indexOf 去查找一个数组中是否存在某个东西吗？这是一个糟糕的方式对吧？幸运的是，includes 为我们做到了这些。给 includes 一个参数，然后会在数组里面搜索它，如果一个元素存在的话。
const sports = ['football', 'archery', 'judo'] const hasFootball = sports.includes('football') console.log(hasFootball) // true
concat
concat 方法可以用来合并两个或者更多的数组。
const numbers = [1, 2, 3] const otherNumbers = [4, 5, 6] const numbersConcatenated = numbers.concat(otherNumbers) console.log(numbersConcatenated) // [1, 2, 3, 4, 5, 6] // You can merge as many arrays as you want function concatAll(arr, ...arrays) { return arr.concat(...arrays) } console.log(concatAll([1, 2, 3], [4, 5, 6], [7, 8, 9], [10, 11, 12])) // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
forEach
无论何时你想为数组的每个元素执行一些事情时，可以使用 forEach。它使用一个函数作为参数，然后给它三个参数：当前值，索引，和当前数组。
const numbers = [1, 2, 3, 4, 5] numbers.forEach(console.log) // 1 0 [ 1, 2, 3 ] // 2 1 [ 1, 2, 3 ] // 3 2 [ 1, 2, 3 ]
indexOf
这个用来在给定的数组中找出第一个被发现的元素的索引。 indexOf 也广泛用于检查元素是否在一个数组中。不过老实说，我如今已经不这样使用了。
const sports = ['football', 'archery', 'judo'] const judoIndex = sports.indexOf('judo') console.log(judoIndex) // 2
find
find 方法十分类似于 filter 方法。你必须提供一个函数用于测试数组的元素。然而，find 一旦发现有一个元素通过测试，就立即停止测试其他元素。不用于 filter，filter 将会迭代整个数组，无论情况如何。
const users = [ { id: 'af35', name: 'john' }, { id: '6gbe', name: 'mary' }, { id: '932j', name: 'gary' }, ] const user = users.find(user => user.id === '6gbe') console.log(user) // { id: '6gbe', name: 'mary' }
所以使用 filter，当你想去过滤整个数组时。使用 find 在当你确定在数组中找某个唯一元素的时候。
findIndex
这个方法完全跟 find 相同除了它返回第一个发现元素的索引，而不是直接返回元素。