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>