21xrx.com
2024-09-20 00:13:24 Friday
登录
文章检索 我的文章 写文章
JavaScript二维数组定义及应用
2023-06-13 14:53:30 深夜i     --     --
JavaScript 二维数组 定义及应用

在JavaScript中,数组可以有多个维度,称之为多维数组,其中最为常见的是二维数组。二维数组可以理解为一个数组中每个元素又是一个数组,常用于存储表格数据或者地图数据等。

定义二维数组时需要在数组内部嵌套一个数组,例如:


var arr = [[1,2,3],[4,5,6],[7,8,9]];

上面的代码定义了一个3x3的二维数组,可以通过下标来访问数组元素:


console.log(arr[0][0]); // 输出1

console.log(arr[1][1]); // 输出5

console.log(arr[2][2]); // 输出9

在实际应用中,二维数组可以用于存储表格数据,并进行增删改查等操作。下面是一个简单的表格样例,以及对应的二维数组定义和增删改查操作代码:


 

  

  

  

 

 

  

  

  

 

 

  

  

  

 

 

  

  

  

 

Name Age Gender
John 25 Male
Jane 30 Female
Bob 40 Male


// 定义二维数组

var tableData = [

  ['Name', 'Age', 'Gender'],

  ['John', '25', 'Male'],

  ['Jane', '30', 'Female'],

  ['Bob', '40', 'Male']

];

// 增加一行数据

tableData.push(['Mary', '35', 'Female']);

// 删除一行数据

tableData.splice(2, 1);

// 修改一行数据

tableData[2] = ['Susan', '35', 'Female'];

// 查找一行数据

for (var i = 1; i < tableData.length; i++) {

  if (tableData[i][0] == 'Jane') {

    console.log('Age: ' + tableData[i][1] + ', Gender: ' + tableData[i][2]);

    break;

  }

}

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复