多方面详解遍历二维数组

RQDH • 2024-11-05 16:54 • 编程

一、for循环遍历二维数组

在编程中，我们经常需要遍历二维数组，找出需要的元素或者对每个元素进行特定操作。最常用的方法是使用for循环进行遍历。

// 一个二维数组
const 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]);
  }
}

使用嵌套的for循环，外层遍历行，内层遍历列。这样我们就可以访问每一个元素，并进行需要的操作。

二、forEach方法遍历二维数组

除了使用for循环，我们也可以使用Array的forEach方法进行遍历。它可以更加直观地表达所需要的操作，并且代码会更加简洁。

// 一个二维数组
const arr = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

// 遍历二维数组并输出每个元素
arr.forEach(row => {
  row.forEach(col => {
    console.log(col);
  });
});

使用forEach方法，我们可以直接访问每一行的元素，然后再使用forEach方法遍历每一列的元素。同样可以访问每一个元素，并进行所需操作。

三、使用Array的flat方法转换为一维数组

在处理二维数组时，我们有时候也需要将其转换为一维数组。这可以使用Array的flat方法进行转换。当然，该方法仅在ES6及以上版本中才可使用。

// 一个二维数组
const arr = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

// 转换为一维数组
const flatArr = arr.flat();

console.log(flatArr); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

使用flat方法，我们可以将整个二维数组转换为一个一维数组。这样我们就可以更加方便地使用一维数组的方法和操作，节约了很多代码量。

四、使用reduce方法进行统计计算

在遍历二维数组时，我们有时候需要对其元素进行统计计算。这可以使用Array的reduce方法，将每个元素进行计算并最终得出结果。

// 一个二维数组
const arr = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

// 计算所有元素之和
const sum = arr.reduce((acc, cur) => {
  return acc.concat(cur);
}).reduce((acc, cur) => {
  return acc + cur;
});

console.log(sum); // 45

使用reduce方法，我们可以将二维数组转换为一个一维数组，并进行计算后统计出结果。

五、使用map方法进行数据处理

在遍历二维数组时，我们有时候还需要对其元素进行处理。这可以使用Array的map方法，对每个元素进行处理并最终得出新的数组。

// 一个二维数组
const arr = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

// 对每个元素进行加1处理
const newArr = arr.map(row => {
  return row.map(col => {
    return col + 1;
  });
});

console.log(newArr); // [[2, 3, 4], [5, 6, 7], [8, 9, 10]]

使用map方法，我们可以对每个元素进行处理，并最终得出一个新的数组。

原创文章，作者：RQDH，如若转载，请注明出处：https://www.506064.com/n/149795.html