js中的多维数组

js中没有提供直接声明多维数组的方法,但是我们可以使用虚拟数组的方法实现,即数组的元素也是数组。

二维数组的声明:

  1. 通过对象字面量方法声明数组:
var arr = [[1,2,3],[4,5,6],[7,8,9]];

2.通过构造函数创建数组:

var arr = new Array(4);
for (var i=0;i<arr.length;i++){
     arr[i] = new Array(3)
 }

这两种创建二维数组的方法都是首先创建一个一维数组,然后将一维数组的每个元素重新定义成数组的形式。

二维数组的遍历:

var arr = [[1,2,3],[4,5,6],[7,8,9]];
for (var i=0;i<arr.length;i++){
    for(var j=0;j<arr[i].length;j++){
        console.log(arr[i][j]);
    }
}

//使用forEach()

var arr = [[1,2,3],[4,5,6],[7,8,9]];
arr.forEach(function(ele,index,array){
    ele.forEach(function(ele,index,array){
        console.log(ele);
    })
})

二维数组转一维数组:

使用reduce和concat组合方法:

var arr = [[1,2,3],[4,5,6],[7,8,9]];
var newArr = arr.reduce(function(pre,curr,index,array){
    return pre.concat(curr);
})    //[1, 2, 3, 4, 5, 6, 7, 8, 9]

第一种方法遍历数组,将每个值放到一个空数组中:

var arr = [[1,2,3],[4,5,6],[7,8,9]];
var newArr = [];
for (var i = 0;i<arr.length;i++){
    for(var j=0;j<arr[i].length;j++){
        newArr.push(arr[i][j]);
    }
}   //[1, 2, 3, 4, 5, 6, 7, 8, 9]

多维数组转一维数组

先转化为字符串,再将字符串转化为数组

var arr = [[1,2,3,4],[5,6],[7,8,9]];
var newArr1 = arr.join(",").split(",");
 var newArr2 = arr.toString().split(",");    //["1", "2", "3", "4", "5", "6", "7", "8", "9"]

最后如果需要的话可以将字符串再转化为Number类型的字符串。

猜你喜欢

转载自blog.csdn.net/superyuan567/article/details/85015271
今日推荐