JS实现数组的扁平化(ES6实现)----例子+难点解析

要求：

• 取出嵌套数组(多维)中的所有元素放到一个新数组(一维)中
• 如: [1, [3, [2, 4]]] ==> [1, 3, 2, 4]

基础知识：

arr.concat()

语法：数组.concat(其他数组) 作用：将其他数组和数组拼接在一起 返回值：拼接好的新数组

//准备一个原始数组
var arr=[4,6,8,2,33]
//输出一次
console.log(arr)
//执行 concat 方法
var res=arr.concat([100,200])

console.log(arr)
console.log(res) // [4, 6, 8, 2, 33, 100, 200]

ES6实现: some与…与concat

function flatten(arr) {
  while(arr.some(item => item instanceof Array)) {
    arr = [].concat(...arr)
  }
  return arr
}
let arr = [1, 2, [3, 4], [5, 6]]
console.log(flatten(arr)); // [1, 2, 3, 4, 5, 6]

理解难点：[].concat(…arr)

你试一试

let arr = [1, 2, [3, 4], [5, 6]]
console.log([].concat(...arr)) // [1, 2, 3, 4, 5, 6]

…会把arr拆成 1 2 [3, 4] [5, 6]

而concat会把数值、数组进行拼接，比如 [] 与 1 ⇒ [1] [1] 与 [3, 4] ⇒ [1, 3, 4]