JavaScript JSON 参考手册
JavaScript基础 2022-05-13 15:52:35小码哥的IT人生shichen
JavaScript JSON 参考手册
JSON（JavaScript Object Notation，JavaScript 对象表示法）
JSON 是用于存储和传输数据的格式。
JSON 是文本，文本可以在任何地方传输，并可通过任何编程语言读取。
JavaScript 对象可以转换为 JSON，JSON 可以转换回 JavaScript 对象。
这样，我们可以将数据作为 JavaScript 对象使用，而无需复杂的解析或转换。
示例代码：
发送 JSON：
// JavaScript 对象...：
var myObj = { "name":"Bill", "age":19, "city":"Seattle" };
// ...转换为 JSON：
var myJSON = JSON.stringify(myObj);
// 发送 JSON：
window.location = "demo_json.php?x=" + myJSON;
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>将 JavaScript 对象转换为 JSON 字符串，并将其发送到服务器</h1>
<script>
var myObj = { "name":"Bill", "age":19, "city":"Seattle" };
var myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
如需 JSON 的更多知识，请阅读我们的 JSON 教程。
JSON 方法
| 方法 | 描述 |
|---|---|
| parse() | 解析 JSON 字符串并返回 JavaScript 对象。 |
| stringify() | 将 JavaScript 对象转换为 JSON 字符串。 |
有效数据类型
在 JSON 中，值必须是以下数据类型之一：
- 字符串
- 数字
- 对象（包含有效的 JSON 值）
- 数组
- 布尔
- null
JSON 值不能是以下数据类型之一：
- 函数
- 日期
- undefined
更多实例
示例代码：
接收 JSON：
// myJSON 是以 JSON 格式接收的文本
// 将 JSON 转换为 JavaScript 对象：
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>将以 JSON 格式编写的字符串转换为 JavaScript 对象</h1>
<p id="demo"></p>
<script>
var myJSON = '{ "name":"Bill", "age":19, "city":"Seattle" }';
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
使用 localStorage 将数据存储为 JSON：
// 存储数据：
myObj = { "name":"Bill", "age":19, "city":"Seattle" };
myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
// 取回数据：
text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>从 local storage 存储和检索数据</h1>
<p id="demo"></p>
<script>
var myObj, myJSON, text, obj;
//Storing data:
myObj = { "name":"Bill", "age":19, "city":"Seattle" };
myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
//Retrieving data:
text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
如需 JSON 的更多知识，请阅读我们的 JSON 教程。
