javascript二维数组介绍

周sir | 2021年5月26日 | html/css/js, web前端技术 | 0 条评论 | 1131

二维数组目录

二维数组定义：数组元素是一维数组的数组

  var arr = [[1,2,4,6],[2,4,7,8],[8,9,10,11],[9,12,13,15]] //arr数组长度为4,每个元素是一个长度为4的数组
  var a = [
      [1,2,4,6],      a[0][0] a[0][1] a[0][2] a[0][3]
      [2,4,7,8],      a[1][0] a[1][1] a[1][2] a[1][3]
      [8,9,10,11],    a[2][0] a[2][1] a[2][2] a[2][3]
      [9,12,13,15]    a[3][0] a[3][1] a[3][2] a[3][3]
  ]

二维数组初始化

/*
            0   1   2   3   4   5   6   7   
            1   2   3   4   5   6   7   8   
            2   3   4   5   6   7   8   9   
            3   4   5   6   7   8   9   10   
            4   5   6   7   8   9   10   11   
            5   6   7   8   9   10   11   12   
            6   7   8   9   10   11   12   13   
            7   8   9   10   11   12   13   14   
            8   9   10   11   12   13   14   15   
            9   10   11   12   13   14   15   16  
        
*/
function initTwoArray() {
    var arr = new Array(10); // 创建长度为10的数组arr
    for (var i = 0; i < arr.length; i++) {
        arr[i] = new Array(8); // 给数组arr每个元素赋值长度为8的数组, 这时arr成为二维数组
        for (var j = 0; j < 8; j++) {
            arr[i][j] = i + j;
        }
    }
}

遍历二维数组

/*
   遍历数组
*/
function printArray(arr) {
    for (var i = 0; i < arr.length; i++) {
        for (var j = 0; j < arr[i].length; j++) {
            document.write(arr[i][j] + '&nbsp;&nbsp;&nbsp;')
        }
        document.write('<br/>')
    }
}

二维数组对角线之和

/*
对角线的元素和
*/
function diagonalSum(arr) {
    var sum = 0
    for (var i = 0; i < arr.length; i++) {
        for (var j = 0; j < arr[i].length; j++) {
            if (i == j) {
                sum = sum + arr[i][j]
            }
        }
    }
    document.write('sum = ' + sum)
}

打印下三角数组元素

/*
            1   
            2   4   
            8   9   10   
            9   12   13   15   
*/
function printTriangle(arr) {
    for (var i = 0; i < arr.length; i++) {
        for (var j = 0; j < arr[i].length; j++) {
            if (i >= j) {
                document.write(arr[i][j] + '&nbsp;&nbsp;&nbsp;')
            }
        }
        document.write('<br/>')
    }
}