js二维数组和多维数组 flatMap ( )

二维数组

先来打印一个二维数组

var arr=[];
for(var i=0;i<10;i++){
    arr[i]=[];
    for(var j=0;j<10;j++){
        arr[i][j]=i*10+j;
    }
}
console.log(arr);

打印出的结果如下图所示：每一行每一列都有唯一对应值。

多维数组：

var arr=[];
for(var i=0;i<3;i++){
    arr[i]=[];
    for(var j=0;j<3;j++){
        arr[i][j]=[];
        for(var k=0;k<3;k++){
            arr[i][j][k]=i*100+j*10+k;
        }
    }
}
console.log(arr);
//如果如下
 arr = [
            [
                [0, 1, 2],
                [10, 11, 12],
                [20, 21, 22]
            ],
            [
                [100, 101, 102],
                [110, 111, 112],
                [120, 121, 122]
            ],
            [
                [200, 201, 202],
                [210, 211, 212],
                [220, 221, 222]
            ]
        ]

打印出的结果如下：

将二维数组转成一维数组，可以使用 flatMap ( ) 方法。

flatMap ( ) ，将二维数组展开，变成一维数组

如果数组中的各元素类型不一致，例如：
var arr=[[1,2,3],[4,5,6],7,8,9];
可以使用 flatMap ( ) 将数组展开，得到
arr=[1,2,3,4,5,6,7,8,9];

var arr=[[1,2,3],[4,5,6],7,8,9];
var arr1=arr.flatMap(function(item,index,a){
    return item;
})
console.log(arr1);//[1,2,3,4,5,6,7,8,9]

flatMap ( ) 的实现过程：

function flatMap(arr,fn){
    var arr1=[];
    for(var i=0;i<arr.length;i++){
        if(arr[i]===undefined) continue;
        var item=fn(arr[i],i,arr);
        arr1=arr1.concat(item);
    }
    return arr1;
}
var arr=[[1,2,3],[4,5,6],7,8,9];
var arr1=flatMap(arr,function(item,index,a){
    return item;
})
console.log(arr1)