JS中flat---數組扁平化

需求:多維數組=>一維數組

let ary = [1, [2, [3, [4, 5]]], 6];// -> [1, 2, 3, 4, 5, 6]
let str = JSON.stringify(ary);

　　

1. 調用ES6中的flat方法

ary = ary.flat(Infinity);

　　

2. replace + split

ary = str.replace(/(\[|\])/g, '').split(',')

　　

3. replace + JSON.parse

str = str.replace(/(\[|\])/g, '');
str = '[' + str + ']';
ary = JSON.parse(str);

　　

4. 普通遞歸

let result = [];
let fn = function(ary) {
  for(let i = 0; i < ary.length; i++) {
    let item = ary[i];
    if (Array.isArray(ary[i])){
      fn(item);
    } else {
      result.push(item);
    }
  }
}

　　

5. 利用reduce函數迭代

function flatten(ary) {
    return ary.reduce((pre, cur) => {
        return pre.concat(Array.isArray(cur) ? flatten(cur) : cur);
    }, []);
}
let ary = [1, 2, [3, 4], [5, [6, 7]]]
console.log(flatten(ary))

　　

6：擴展運算符

//只要有一個元素有數組，那么循環繼續
while (ary.some(Array.isArray)) {
  ary = [].concat(...ary);
}