JSON的简要解析

概念解释

JSON  指的是JavaScript对象表示法(Java Script Object Notation)

JSON  是轻量级的文本数据交换格式

JSON  具有自我描述性,更易理解

JSON  使用 JavaScript 语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。

更简单直白一点的解释是

JSON 就会是一种有规则的字符串

JSON 就是key/value存储,理论上支持String、Number、Value几乎支持所有类型

 JSON  可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候将它还原为各编程语言所支持的数据格式,例如在 PHP 中,可以将 JSON 还原为数组或者一个基本对象。在用到AJAX时,如果需要用到数组传值,这时就需要用JSON将数组转化为字符串。

 JSON语法规则

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

名称:

JSON的书写格式:{key:value}、{key:array}

如果是字符串的话,键和值都需要用双引号

取值范围:

  • 数字(整数或浮点数)
  • 字符串(在双引号中)一定是英文双引号(""),个别弱语言可以支持单引号。
  • 逻辑值(true 或 false
  • 数组(在方括号中)一般是在Value位置上
  • 对象(在花括号中)一般是在Value位置上
  • null

常见的JSON格式:

  • {"key":"value"},最简单的JSON 格式。
  • {"key1":"value1","key2":"value2"},一个JSON中有多个键值对的表达方式。
  • {"key":["a","b","sojson.com"]},value是一个Array 的JSON格式
  • {"sojson":["5年","JSON在线解析","sojson.com",true,1,null]},value是一个Array 的JSON格式,并且这个数组中有多重类型的元素,有String,Boolean,Number,null。
  • {"key":{"json":"json for javascript"}},value 是JSONObject的JSON格式。

 JSON和XML的比较

json:

  • JSON 是纯文本
  • JSON 具有“自我描述性”(人类可读)
  • JSON 具有层级结构(值中存在值)
  • JSON 可通过 JavaScript 进行解析

与xml相比json的优点在于:

没有结束标签,更便于阅读,读写速度更快,可以使用数组,能够进行嵌套具有层级结构。

下面有代码展示一下对比效果:

XML的

<?xml version="1.0" encoding="utf-8"?>
<country>
    <name>中国</name>
    <province>
        <name>黑龙江</name>
        <cities>
            <city>哈尔滨</city>
            <city>大庆</city>
        </cities>
    </province>
    <province>
        <name>广东</name>
        <cities>
            <city>广州</city>
            <city>深圳</city>
            <city>珠海</city>
        </cities>
    </province>
    <province>
        <name>台湾</name>
        <cities>
            <city>台北</city>
            <city>高雄</city>
        </cities>
    </province>
    <province>
        <name>新疆</name>
        <cities>
            <city>乌鲁木齐</city>
        </cities>
    </province>
</country>

JSON的

{
    "name": "中国",
    "province": [{
        "name": "黑龙江",
        "cities": {
            "city": ["哈尔滨", "大庆"]
        }
    }, {
        "name": "广东",
        "cities": {
            "city": ["广州", "深圳", "珠海"]
        }
    }, {
        "name": "台湾",
        "cities": {
            "city": ["台北", "高雄"]
        }
    }, {
        "name": "新疆",
        "cities": {
            "city": ["乌鲁木齐"]
        }
    }]
}

可以看到,JSON 简单的语法格式和清晰的层次结构明显要比 XML 容易阅读,并且在数据交换方面,由于 JSON 所使用的字符要比 XML 少得多,可以大大得节约传输数据所占用的带宽。

JSON对象说明

JSON对象语法规则:

  • 数据在名称/值对中,如{"domain":"sojson.com"}
  • 可以多对键值对,如{"domain":"sojson.com","author":"soゝso","email":"i@itboy.net"}
  • 值里面可以有数组(Array),如{"domain_array":["sojson.com","soso.pub","soso.run","isoso.xin","isoso.xin"]}

JSON对象在花括号中,对象可以包含多个名称/值对,如下代码所示:

{
    "name": "小李",
    "age": 22,
    "birthday": "1994年6月30日",
}

JSON 使用 JavaScript 获取元素值:

因为 JSON 使用 JavaScript 语法,所以无需额外的软件就能处理 JavaScript 中的 JSON

var json =  {
        "name": "小李",
        "age": "22"
}

获取name和age

var name = json.name;
alert("name:" + json.name);
var age = json.age;
alert("age:" + json.age);

特殊情况: 

当我们对象里有特殊的Key,或者不是字符串的Key,处理起来稍微有点麻烦。

就上面的Demo,我们取name,那么就是json.name就可以取到“小李”。其实很好理解这个点“.”就是类似于“的”的感觉,json的name。

但如果是以下数据

var json = {
    "1": {
        "name": "小李",
        "age": "22"
    },
    "2": {
        "name": "小张",
        "age": "20"
    }
};
alert(json.1.name);// X 错误 throw Uncaught SyntaxError;

按我们刚刚的逻辑直接点,那么我们要取到“小张”就应该是。json.1.name吧,但是你会发现报错,错误信息应该是Uncaught SyntaxError,语法错误,请自行测试,

//正确的打开姿势如下:
alert(json[1].name);
alert(json["1"].name);
alert(json["1"]["name"]);
//错误,undefined
alert(json["1"][name]);

 问题就是数值可以不带引号,String必须带引号。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值