理解JSON：基础与实例-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_40509039/article/details/83025976

本文介绍了JSON（JavaScript Object Notation）的基本概念，强调其作为数据交换格式的特性，指出其相比XML的效率优势。文章通过代码示例展示了JSON的语法，包括名称/值对、对象和数组的表示，并列举了JSON支持的六大数据类型：数字、字符串、布尔值、数组、对象及null。同时，文中提及了JSON数据的读取与修改方法，是JSON初学者的实践分享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　JSON全称是JavaScript Object Notation(JavaScript对象表示法)，是一种存储与交换文本信息的语法，类似与XML，但比 XML 更小、更快，更易解析。

　理论就不多说了，直接上代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JSON简单实例</title>
</head>
<body>
<h2>JavaScript 创建 JSON 对象</h2>
<p>
网站名称: <span id="jname"></span><br /> 
网站地址: <span id="jurl"></span><br /> 
网站 slogan: <span id="jslogan"></span><br /> 
</p>
<script>
var JSONObject= {
    "name":"百度",
    "url":"www.baidu.com", 
    "slogan":"万事不决问百度"
};
//  直接调用JSON对象就可以获取到值了，JSON一般配合ajax使用，用来获取数据
document.getElementById("jname").innerHTML=JSONObject.name 
document.getElementById("jurl").innerHTML=JSONObject.url 
document.getElementById("jslogan").innerHTML=JSONObject.slogan
</script>
 
</body>
</html>

　JSON的语法和JavaScript是一样的，或者说JSON语法是JavaScript语法的子集。主要的几个点就是

数据在名称/值对中
数据由逗号分隔
大括号保存对象
中括号保存数组

JSON对象是以键值对来存储数据的，存储形式为：名称，后面一个冒号，数值。如：

{ "name":"runoob", "alexa":10000, "site":null }

JSON 的值分为六大类：

数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在中括号中）
对象（在大括号中）
null

JSON数组包含有多个JSON对象，如：

{
	"sites": [
		{ "name":"百度", "url":"www.baidu.com", }, 
		{ "name":"google" , "url":"www.google.com" }, 
		{ "name":"微博" , "url":"www.weibo.com" }
	]
}

获取JSON数据的方式和修改的方式基本是一样的

// 获取JSON值
console.log("name:" + sites[0].name + ",url:" + sites[0].url);
// 修改JSON值
sites[0].name = '度娘'；
console.log("name:" + sites[0].name +",url:"+ sites[0].url);

这篇博客是参考菜鸟驿站的，算是我作为初次学习JSON的练习和一个记录吧