21xrx.com
2024-12-22 22:52:12 Sunday
登录
文章检索 我的文章 写文章
用JavaScript实现二维数组的遍历方法
2023-06-15 20:26:28 深夜i     --     --
JavaScript 二维数组 遍历

JavaScript中二维数组是指数组中每个元素都是一个数组。在实际开发中,我们经常需要遍历二维数组,以便对每个元素进行操作。本文将介绍如何用JavaScript实现二维数组的遍历方法。

一、使用for循环遍历二维数组

for循环是最常用的遍历二维数组的方法。以下是通过for循环遍历二维数组的代码案例:


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

for(let i = 0; i < arr.length; i++) {

  for(let j = 0; j < arr[i].length; j++) {

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

  }

}

以上代码中,我们定义了一个二维数组arr,并使用了两个for循环来遍历该数组。外层循环用于遍历每个一维数组,内层循环用于遍历每个一维数组的元素。每次循环输出当前元素的值。

二、使用forEach()方法遍历二维数组

除了使用for循环,我们还可以使用JavaScript的forEach()方法来遍历二维数组。以下是通过forEach()方法遍历二维数组的代码案例:


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

arr.forEach(function(item) {

  item.forEach(function(n) {

    console.log(n);

  })

})

以上代码中,我们使用了两个forEach()方法来遍历二维数组。第一个forEach()方法用于遍历每个一维数组,第二个forEach()方法用于遍历每个一维数组的元素。每次循环输出当前元素的值。

三、使用map()方法遍历二维数组

map()方法也可以用于遍历二维数组。以下是通过map()方法遍历二维数组的代码案例:


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

arr.map(function(item) {

  item.map(function(n) {

    console.log(n);

  })

})

以上代码中,我们使用了两个map()方法来遍历二维数组。第一个map()方法用于遍历每个一维数组,第二个map()方法用于遍历每个一维数组的元素。每次循环输出当前元素的值。

  
  

评论区

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