多方面詳解遍歷二維數組

一、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方法，我們可以對每個元素進行處理，並最終得出一個新的數組。