如何浏览多个数组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>- 用浏览器打开
arrays.html文件。 - 在浏览器中查看 JSON 数据，它们将显示在对应的
<pre>标签中，并已格式化。
这样，你就可以在浏览器中查看多个数组的 JSON 数据了。
相关·内容
云+社区沙龙online [云原生技术实践]
算力强大的GPU,如何在k8s上的多个Pod之间共享?
云+社区沙龙online [国产数据库]
破解分布式数据库的高可用难题：TDSQL高可用方案实现
云+社区沙龙online [国产数据库]
从0到1搭建一个高可用的TDSQL集群
数据万象应用书塾直播
AI智能存储篇
云+社区沙龙online
携程度假起价引擎架构演变
2019腾讯云华北区互联网高峰论坛
云上互联 智变未来
云+社区技术沙龙[第14期]
Serverless架构开发与SCF部署实践
如何用低代码方案快速1比1复刻微信/QQ音视频通话
基于 Serverless 的海量音视频处理实践
云+社区技术沙龙[第10期]
科技驱动教育，AI 连接未来 - 在线教育个性化教学技术实践
Techo Day 第二期
云原生全栈开发与实践
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
