当你在编写 JavaScript 代码时，有时候需要查看数组的结构以便进行调试和测试。一个简单的方法是通过 alert() 函数来输出数组。但是，在输出大型或嵌套的数组时，alert() 的输出可能不太友好。本文将介绍如何更好地查看数组结构。
使用console.log()
console.log() 是一个强大的调试工具，比 alert() 更适合输出数组。它可以输出任意数量的参数，并且会在浏览器控制台中显示。因此，使用 console.log() 可以更方便地查看数组的结构。以下是一个示例：
let arr = [[1, 2, 3], [4, 5, 6]]; console.log(arr);
输出结果如下：
-- -------------------- ---- ------- -------- -- -------- -- - -- - -- - ------- - ---------- -------- -- -------- -- - -- - -- - ------- - ---------- -------- ------- - ---------- --------
从输出结果可以看到，console.log() 将数组结构以树状形式展示，非常清晰易懂。此外，还可以通过控制台中的选项卡来进一步探索数组结构。
使用JSON.stringify()
如果你想将数组结构以字符串的形式输出，可以使用 JSON.stringify()。该函数将 JavaScript 对象转换成 JSON 字符串。
例如，以下是一个嵌套的数组：
let arr = [[1, 2, 3], [4, 5, 6]];
你可以使用 JSON.stringify() 将其转换为字符串：
console.log(JSON.stringify(arr));
输出结果如下：
[[1,2,3],[4,5,6]]
需要注意的是，JSON.stringify() 只能输出可序列化的对象，因此某些特殊对象可能无法被正确转换。此外，该方法不支持循环引用，否则会导致异常。
结论
在调试和测试 JavaScript 数组时，alert() 并不是最好的选择。相反，推荐使用 console.log() 或 JSON.stringify() 来更方便地查看数组结构。这些方法不仅可以提高代码的效率，还能让你更深入了解数组内部的结构。
示例代码：
let arr = [[1, 2, 3], [4, 5, 6]]; console.log(arr); console.log(JSON.stringify(arr));
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10776
