js 打印二维数组

在 JavaScript 中打印二维数组有多种方法，以下是一些常见的方式：

一、使用console.log直接打印

这是最简单的方法，可以直接将二维数组传递给console.log函数。

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

console.log(arr);

二、使用嵌套循环打印

如果你想更格式化地打印二维数组，可以使用嵌套的for循环。

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

for (let i = 0; i < arr.length; i++) {
  let row = '';
  for (let j = 0; j < arr[i].length; j++) {
    row += arr[i][j] + ' ';
  }
  console.log(row);
}

三、使用JSON.stringify打印

如果你想以 JSON 字符串的形式打印二维数组，可以使用JSON.stringify方法。

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

console.log(JSON.stringify(arr));

四、使用数组的map方法打印

如果你喜欢函数式编程风格，可以使用数组的map方法来打印二维数组。

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

arr.map(row => console.log(row.join(' ')));

优势：

• 直接打印简单快捷。
• 嵌套循环提供了更多的格式化选项。
• JSON.stringify可以方便地以字符串形式处理数组。
• map方法提供了函数式编程的风格。

应用场景：

• 调试代码时查看二维数组的内容。
• 在控制台或日志中记录二维数组的信息。
• 在前端界面上显示二维数组的数据（通常需要进一步处理）。

遇到的问题及解决方法：

• 如果二维数组很大，直接打印可能会导致控制台输出过多信息。此时，可以考虑只打印数组的部分内容或使用分页打印。
• 如果二维数组中的元素是对象或其他复杂类型，直接打印可能无法显示详细信息。此时，可以使用JSON.stringify或自定义打印函数来格式化输出。
• 如果需要在网页上显示二维数组，可以使用表格或其他 HTML 元素来呈现数据，而不是直接打印到控制台。