前端第二周，Javascript--二维数组

最新推荐文章于 2025-11-23 16:56:34 发布

原创最新推荐文章于 2025-11-23 16:56:34 发布 · 102 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

本文主要介绍了JavaScript中数组和二维数组的使用。展示了一维数组的定义与元素访问，说明了JS本质上不支持二维数组，但可利用语法松散性实现。还给出了二维数组的定义、元素访问、遍历方法，以及包含数组和其他类型数据的数组操作示例。

var arr1 = [123, true, false, 'hello']

console.log(arr1);

console.log(arr1[0]);

console.log(arr1[1]);

console.log(arr1[2]);

console.log(arr1[3]);

//二维数组

//就是数组的元素也是另一个完整的数组，数组就是作为另一个数组的元素存在的

//在JS中其实本质上是不支持二维数组的，

// 但是因为语法的松散性我们却是可以实现二维数组的，乃至多维数组。

//数组中可以存储任意类型的数据，所以存储数组也没有问题

var arr2 = [

[1, 2, 3, 4],

['abc', 'def'],

[true, false],

[123, 456, 789]

]

console.log(arr2);

console.log(arr2[0]);

//对于二维数组中元素的访问数组[索引][索引]

console.log(arr2[0][0]);

console.log(arr2[0][1]);

console.log(arr2[0][2]);

console.log(arr2[0][3]);

console.log('-----------------华丽的分割线--------------');

//对于二维数组的遍历

//可以采用循环嵌套的形式实现

for (var i = 0; i < arr2.length; i++) {

for (var t = 0; t < arr2[i].length; t++) {

console.log(arr2[i][t]);

}

}

console.log('-----------------华丽的分割线--------------');

var arr3 = [

[123, 456, 789],

33,

66,

99,

[22, 44, 77]

];

console.log(arr3);

for (var i = 0; i < arr3.length; i++) {

if (Array.isArray(arr3[i])) {

for (var j = 0; j < arr3[i].length; j++) {

console.log(arr3[i][j]);

}

} else {

console.log(arr3[i]);

}

}