JSON-基本语法

作者: 偏偏注定要落脚丶 | 来源:发表于2018-11-07 21:17 被阅读1次
 才毕业的开发小白,最近在使用node、php和vue,有兴趣的小伙伴可以加群 134246716,大家一起学习,这是一个新建群,有兴趣的初学者可以来一起学习哦。

JSON基本语法

JSON 的语法可以表示以下三种类型的值。

  • 简单值: 可以在 JSON 中表示 字符串数值布尔值null。但是不支持 Javascript 中的 undefined
  • 对象: 是一种复杂数据类型,由一组无序的 键值对 组成,每个键值对的 可以是简单值,也可以是复杂数据类型。
  • 数组: 也是一种复杂的数据类型,表示一组有序的列表,可以通过数组索引来访问其中的值。数组的 也可以是任意类型—— 简单值对象 或是 数组
简单值

最简单的 JSON 数据形式就是简单值。比如,

  • 数值的表示方式:
5
  • 字符串的的方式:
"Hello World!"

JavaScript 字符串和JSON 字符串的最大区别在于,JSON 字符串必须使用 双引号

  • 布尔值:
false
true
  • null 值
null
对象

先来看一个标准的 JavaScript 对象字面量:

var person = {
  name: "Nicolas",
  age: 29
};

但 JSON 表示对象如下所示:

{
  "name":  "Nicolas",
  "age": 29
}

JSON 要求必须给对象的属性加引号。实际上,在 JavaScript 中,对象字面量完全可以写成下面

var person = {
  "name": "Nicolas",
  "age": 29
};

这里可以看出,JSON对象有两个不一样的地方:

  1. 没有声明变量;
  2. 末尾没有分号。

属性的值可以是简单值,也可以是复杂类型值,如下例子:

{
  "name": "Nicolas",
  "age": 29,
  "school": {
    "name": "Merrimack College",
    "location": "North Andover, MA"
  }
}

上述例子中虽然有两个 "name" 属性,但是它们分属于两个不同的对象,是可以的。同一个对象不应该出现两个同名属性。

数组

JSON 中第二种复杂数据类型就是数组。数组可以是简单值组成,如

[25, "hi", true]

也可以是各种类型值得组合:

[
  {
    "title": "Professional JavaScript",
    "authors": {
      "name": "Nicholas C. Zakas",
      "age": 51
    },
    "editon": 3,
    "year": 2011
  },
  {
    "title": "Professional JavaScript",
    "authors": [
      "Nicholas C. Zakas"
    ],
    "editon": 2,
    "year": 2009
  },
  {
    "title": "Professional JavaScript",
    "authors": [
      "Nicholas C. Zakas"
    ],
    "editon": 1,
    "year": 2006
  },
  {
    "title": "Professional Ajax",
    "authors": [
      "Nicholas C. Zakas",
      "Jeremy McPeak",
      "Joe Fawcett"
    ],
    "editon": 2,
    "year": 2008
  },
  {
    "title": "Professional Ajax",
    "authors": [
      {
        "name":  "Nicholas C. Zakas",
        "age": 35
      },
      {
        "name": "Jeremy McPeak",
        "age": 37
      },
      {
        "name": "Joe Fawcett",
        "age": 41
      }
    ],
    "editon": 1,
    "year": 2007
  }
]

相关文章

网友评论

    本文标题:JSON-基本语法

    本文链接:https://www.haomeiwen.com/subject/kcrbxqtx.html