本文共 1517 字，大约阅读时间需要 5 分钟。

什么是数组扁平化？

[1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5]

1. reduce

function flatten(arr) {
         return arr.reduce((result, item)=> {
           return result.concat(Array.isArray(item) ? flatten(item) : item);    }, []);}

reduce是数组的一种方法，它接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

reduce包含两个参数：回调函数，传给total的初始值

// 求数组的各项值相加的和： arr.reduce((total, item)=> {
     // total为之前的计算结果，item为数组的各项值    return total + item;}, 0);

2. toString & split

function flatten(arr) {
       return arr.toString().split(',').map(function(item) {
           return Number(item);    })}

因为split分割后形成的数组的每一项值为字符串，所以需要用一个map方法遍历数组将其每一项转换为数值型

3. join & split

function flatten(arr) {
       return arr.join(',').split(',').map(function(item) {
           return parseInt(item);    })}

4. 递归

function flatten(arr) {
       var res = [];    arr.map(item => {
           if(Array.isArray(item)) {
               res = res.concat(flatten(item));        } else {
               res.push(item);        }    });    return res;}

5. 扩展运算符
   es6的扩展运算符能将二维数组变为一维

//ES6 增加了扩展运算符，用于取出参数对象的所有可遍历属性，拷贝到当前对象之中：var arr = [1, [2, [3, 4]]];console.log([].concat(...arr)); // [1, 2, [3, 4]]//我们用这种方法只可以扁平一层，但是顺着这个方法一直思考，我们可以写出这样的方法：// 改进var arr = [1, [2, [3, 4]]];function flatten(arr) {
      while (arr.some(item => Array.isArray(item))) {
          arr = [].concat(...arr);   }   return arr;}console.log(flatten(arr))

转载地址：http://jkylf.baihongyu.com/