21xrx.com
2025-04-18 10:05:56 Friday
文章检索 我的文章 写文章
JavaScript二维数组的遍历与转置
2023-06-11 04:23:04 深夜i     16     0
JavaScript 二维数组 遍历 转置

JavaScript作为前端开发中重要的一环,对于数组的遍历和转置也是非常常见的操作。本文将介绍JavaScript中如何遍历二维数组以及如何实现二维数组的转置。

一、JavaScript二维数组的遍历

1.普通的二维数组遍历

普通的二维数组遍历可以使用for循环嵌套的方式进行遍历,代码如下:

let arr = [[1,2],[3,4],[5,6]];
for(let i=0;i
  console.log(`第${i}行:`);
  for(let j=0;j
    console.log(`arr[${i}][${j}]:${arr[i][j]}`);
  }
}

2.forEach方法的二维数组遍历

ES6中,我们可以使用forEach方法来遍历二维数组。

let arr = [[1,2],[3,4],[5,6]];
arr.forEach(function(item,index,array){
  console.log(`第${index}行:`);
  item.forEach(function(i,j){
    console.log(`arr[${index}][${j}]:${i}`);
  })
})

二、JavaScript二维数组的转置

二维数组的转置指的是将二维数组的行和列颠倒,即原来的行变成新数组的列,原本的列变成新数组的行。

1.普通的二维数组转置

我们可以通过普通的for循环来实现二维数组的转置。

let arr = [[1,2],[3,4],[5,6]];
let newArr = [];
for(let i=0;i
  newArr[i] = [];
  for(let j=0;j
    newArr[i][j] = arr[j][i];
  }
}
console.log(newArr);

2.transpose方法的二维数组转置

数组对象提供了一个transpose()方法来实现二维数组转置,代码如下:

let arr = [[1,2],[3,4],[5,6]];
Array.prototype.transpose = function () {
  return this[0].map((col, i) => this.map(row => row[i]))
}
console.log(arr.transpose());

结语:

以上就是关于JavaScript二维数组的遍历与转置的介绍,希望能对读者有所帮助。在实际开发中,我们可以根据具体情况选择不同的方法来处理二维数组。

  
  

评论区

请求出错了