JavaScript-二维数组
什么是二维数组
二维数组就是数组的每一个元素又是一个数组, 我们就称之为二维数组。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script type="text/javascript">
// 一维数组
let arrOne = [1, 3, 5];
// 二维数组
let arrTwo = [[1, 3], [2, 4]];
</script>
</head>
<body>
</body>
</html>
操作二维数组
从二维数组中获取数据
- 数组名称[二维数组索引]; 得到一个一维数组
- 数组名称[二维数组索引][一维数组索引]; 得到一维数组中的元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script type="text/javascript">
let arr = [[1, 3], [2, 4]];
let arrOne = arr[0];
console.log(arrOne);
let ele = arr[0][1];
console.log(ele);
</script>
</head>
<body>
</body>
</html>
往二维数组中存储数据
- 数组名称[二维数组索引] = 一维数组;
- 数组名称[二维数组索引][一维数组索引] = 值;
🐤注意点
在定义二维数组的时候, 将来需要存储多少个一维数组, 就写上多少个 [] 即可。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script type="text/javascript">
let arr = [[], []];
arr[0] = [1, 3];
arr[1][0] = 2;
console.log(arr);
</script>
</head>
<body>
</body>
</html>
二维数组的遍历
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script type="text/javascript">
let arr = [[1, 3], [2, 4]];
for (let i = 0; i < arr.length; i++) {
let subArray = arr[i];
for (let j = 0; j < subArray.length; j++) {
console.log(subArray[j]);
}
}
</script>
</head>
<body>
</body>
</html>
