如何浏览多个数组JSON

要在浏览器中浏览多个数组的 JSON 数据，可以使用 JavaScript 控制台或编写一个简单的网页来显示数据

方法 1：使用浏览器的 JavaScript 控制台

打开浏览器。
使用快捷键组合 Ctrl+Shift+J（在 Windows 和 Linux 上）或 Cmd+Option+J（在 Mac 上）打开开发者工具。
切换到 "Console" 标签。
在控制台中，你可以定义多个数组并将其转换为 JSON 格式：

let array1 = [1, 2, 3];
let array2 = ["apple", "banana", "cherry"];
let array3 = [{name: "John", age: 30}, {name: "Jane", age: 28}];

let json1 = JSON.stringify(array1, null, 2);
let json2 = JSON.stringify(array2, null, 2);
let json3 = JSON.stringify(array3, null, 2);

console.log(json1);
console.log(json2);
console.log(json3);

按 Enter 键执行代码。输出的结果将在控制台中显示为格式化的 JSON 数据。

方法 2：创建一个包含 JSON 数据的网页

创建一个新的 HTML 文件（例如 arrays.html），并将以下代码粘贴到文件中：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSON Arrays</title>
</head>
<body>
    <h3>Array 1:</h3>
    <pre id="json1"></pre>
    <h3>Array 2:</h3>
    <pre id="json2"></pre>
    <h3>Array 3:</h3>
    <pre id="json3"></pre>

    <script>
        let array1 = [1, 2, 3];
        let array2 = ["apple", "banana", "cherry"];
        let array3 = [{name: "John", age: 30}, {name: "Jane", age: 28}];

        document.getElementById("json1").textContent = JSON.stringify(array1, null, 2);
        document.getElementById("json2").textContent = JSON.stringify(array2, null, 2);
        document.getElementById("json3").textContent = JSON.stringify(array3, null, 2);
    </script>
</body>
</html>