教你学会二维数组的转化

教你学会二维数组的转化

需求： 数组嵌套数据，导致循环不方便，想着将二维数组合并成一维数据，方便数据的操作

目标： 将多维数组转一维数组6种方法

 1. ES6 flat方法
 2. 递归
 3. reduce +concat + 递归
 4. join+split
 5. toString+split
 6. eval

例如：
1. ES6 flat方法

const arr = [1,[[[2,3],4]],5]
console.log(arr.flat(Infinity))   // [1,2,3,4,5]

2. 递归

var arr=[1,[[[2,3],4]],5];
var newArr=[];
function Arr(arr){
    arr.map(item=>{
        if(Array.isArray(item)){
             Arr(item)
        }else{
            newArr.push(item)
        }
    })
    return newArr
}
console.log(Arr(arr));  //[ 1, 2, 3, 4, 5 ]

3. reduce +concat + 递归

var arr=[[[[2,3],4]],5];
function concatArr(arr){
  var newArr=arr.reduce((pre,next)=>{
       return pre.concat(Array.isArray(next)?concatArr(next):next)
  },[])
  return newArr;
}
console.log(concatArr(arr));  //[ 2, 3, 4, 5 ]

4.join+split

var arr=[[1,2],3,[4,[5]]];
var arr1=arr.join().split(',');
console.log(arr1);   //["1", "2", "3", "4", "5"]

5.toString+split

var arr=[[1,2],3,[4,[5]]];
var arr1=arr.toString().split(',');
console.log(arr1);   //["1", "2", "3", "4", "5"]

6. eval

var arr=[[1,2],3,[4,[5]]];
var arr1=eval('[' + arr + ']');
console.log(arr1);    //[ 1, 2, 3, 4, 5 ]

同理 增加一个小知识
将这样的嵌套数组转换为一个扁平化的数组。

const nestedArray = [[{a:1},{b:2,c:3}],[{d:4,e:5},{f:6}]];
const flattenedArray = nestedArray.reduce((acc, curr) => acc.concat(curr), []); 
console.log(flattenedArray);   // [{a:1},{b:2,c:3},{d:4,e:5},{f:6}]