如何在 JavaScript 中查看结构的数组？

在 JavaScript 中，可以使用一些方法来查看数组的结构，以便更好地理解数组。

1. 使用 console.table()

使用 console.table() 方法可以将数组以表格的形式打印出来，更直观地查看数组结构。

const arr = [
    { name: 'John', age: 22 },
    { name: 'Mary', age: 25 }
];

console.table(arr);

输出：

┌─────────┬───────┬─────┐
│ (index) │  name │ age │
├─────────┼───────┼─────┤
│    0    │ 'John'│  22 │
│    1    │ 'Mary'│  25 │
└─────────┴───────┴─────┘

2. 使用 JSON.stringify()

使用 JSON.stringify() 方法可以将数组转换为字符串，更方便地查看数组结构。

const arr = [
    { name: 'John', age: 22 },
    { name: 'Mary', age: 25 }
];

console.log(JSON.stringify(arr, null, 4));

输出：

[
    {
        "name": "John",
        "age": 22
    },
    {
        "name": "Mary",
        "age": 25
    }
]

第二个参数 null 表示不进行处理，第三个参数 4 表示每个键值对缩进 4 个空格。

3. 使用 for...of 循环

使用 for...of 循环可以遍历数组，并输出每个元素的值。

const arr = ['John', 'Mary', 'Tom'];

for (const item of arr) {
    console.log(item);
}

输出：

John
Mary
Tom

总结

以上三种方法都可以用来查看 JavaScript 中的数组结构，可以根据实际需求选择使用。使用 console.table() 可以更直观地查看数组结构，使用 JSON.stringify() 可以更方便地查看数组结构，使用 for...of 循环可以遍历数组并输出每个元素的值。