JSON语法与规则详解:从基础结构到JavaScript交互

作者:小括号时间:2026-10-30 21:38:04浏览:516

本文详细解析JSON(JavaScript Object Notation)的语法规则与核心结构。内容涵盖JSON作为JavaScript子集的特性,包括名称/值对的书写格式、大括号与中括号的作用,以及数字、字符串、布尔值、数组、对象和null等数据类型。同时介绍JSON在JavaScript中的直接赋值与访问方法,以及.json文件扩展名和application/json MIME类型标准。

JSON 语法规则

JSON 语法源自 JavaScript 对象表示法,属于其子集。

  • 数据以名称/值对的形式存在。
  • 各个数据项之间使用逗号进行分隔。
  • 对象数据由大括号 {} 包裹保存。
  • 数组数据由中括号 [] 包裹保存。

JSON 名称/值对

JSON 数据采用名称/值对的格式进行书写。

名称/值对由字段名称(需包含在双引号内)、冒号以及随后的值组成。

"name" : "菜鸟教程"

这种结构易于理解,其逻辑等价于以下 JavaScript 语句:

name = "菜鸟教程"

JSON 值

JSON 中的值可以是以下几种类型:

  • 数字类型,包括整数或浮点数。
  • 字符串类型,必须使用双引号包裹。
  • 逻辑值,即 true 或 false。
  • 数组类型,使用方括号 [] 表示。
  • 对象类型,使用大括号 {} 表示。
  • null 值。

JSON 数字

JSON 数字可以是整型或浮点型,示例如下:

{ "age":30 }

JSON 对象

JSON 对象定义在大括号 {} 内部。

一个对象可以包含多个名称/值对。

{ "name":"菜鸟教程" , "url":"www.runoob.com" }

此结构同样易于理解,与以下 JavaScript 语句等价:

name = "菜鸟教程"
url = "www.runoob.com"

JSON 数组

JSON 数组定义在中括号 [] 内部。

数组中可以包含多个对象。

{
"sites": [
{ "name":"菜鸟教程" , "url":"www.runoob.com" }, 
{ "name":"google" , "url":"www.google.com" }, 
{ "name":"微博" , "url":"www.weibo.com" }
]
}

在上述示例中,sites 对象是一个包含三个对象的数组,每个对象代表一条关于某个网站(包含 name 和 url 字段)的记录。

JSON 布尔值

JSON 布尔值可以是 true 或 false,示例如下:

{ "flag":true }

JSON null

JSON 支持设置 null 值,示例如下:

{ "runoob":null }

JSON 使用JavaScript 语法

由于 JSON 基于 JavaScript 语法,因此无需额外软件即可在 JavaScript 中处理 JSON 数据。

通过 JavaScript,您可以创建对象数组并进行赋值,例如:

var sites = [
    { "name":"runoob" , "url":"www.runoob.com" }, 
    { "name":"google" , "url":"www.google.com" }, 
    { "name":"微博" , "url":"www.weibo.com" }
];

您可以像访问 JavaScript 对象数组一样获取第一项(索引从 0 开始):

sites[0].name;

执行后返回的内容为:

runoob

您可以像这样修改数据:

sites[0].name="菜鸟教程";

在后续章节中,您将学习如何将 JSON 文本转换为 JavaScript 对象。

JSON 文件

  • JSON 文件的文件扩展名为 .json。
  • JSON 文本的 MIME 类型为 application/json。

到此这篇关于JSON的语法与规则详解的文章就介绍到这了,更多相关JSON的语法内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!

作者最新文章