json详解

JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS(JavaScript的简写)中处理XML非常不方便,同时XML标记比数据多,增加了交换产生的流量,而JSON没有附加的任何标记,在JS中可作为对象处理,所以我们更倾向于选择JSON来交换数据。这篇文章主要从以下几个方面来说明JSON。

  • json的两种结构
  • 认识json
  • 在js中如何使用json
JSON有两种表示结构,对象和数组。
  • 对象结构以"{"大括号开始,以"}"大括号结束。中间部分由0或多个以","分割的key/value对构成,关键字和值之间以":"分割,语法如下:
    key1:value1,
    key2:value2,
    ......
}

其中关键字是字符串,而值可以是  Sting,Number,boolean ,null,Object,Array

  • 数组结构以"["开始,以"]"结束。中间由0或多个","分割的值列表组成,语法结构如下:
[
    {
        key1:value1,
        key2:value2
    },
    {
        key1:value1,
        key2:value2
    }
]
认识json字符串 
之前我一直有个困惑, 分不清普通字符串,json字符串和json对象的区别,经过一番研究终于明白了,比如在js中:
  • 字符串 :这个很好解释,指使用"" 或''包括的字符。例如:var str = 'this is String';
  • json字符串:指的是符合json格式要求的js字符串。例如:var jsonStr = "{studentId:'100',name:'key'}";
  • json对象:指符合json格式要求的js对象。例如:var jsonObj = {studentId:'100',name:'key'};
在js中使用json
  • json是js的一个子集,所以可以在js中轻松的读写json。读写json都有两种方法,分别是利用"."操作符,和"[key]"的方式。首先定义一个json对象,代码如下:
var jsonObj = {
    "key1":"value1",
    "key2":2,
    "key3": true,
     object: {
        "obj1":null
    },
    array: [
        {"arry1":"arr_val1"},
        {"arry2":"arr_val2"}
    ]
};
var obj = {
    1: "value1",
    "2": "value2",
    count: 3,
    person: [ //数组结构JSON对象,可以嵌套使用
        {
             id: 1,
             name: "张三"
         },
         {
              id: 2,
              name: "李四"
          }
    ],
    object: { //对象结构JSON对象
      id: 1,
      msg: "对象里的对象"    
    }
};
  • 从json中读取数据
function ReadJSON() {
    alert(obj.1); //会报语法错误,可以用alert(obj["1"]);说明数字最好不要做关键字
    alert(obj.2); //同上
    alert(obj.person[0].name); //或者alert(obj.person[0]["name"])
    alert(obj.object.msg); //或者alert(obj.object["msg"])
}
function Update() {
    obj.count = 10; //或obj["count"]=10
}
  • 删除json中的数据
function Delete() {
    delete obj.count;
}
  • 遍历json中的数据
function Traversal() {
    for (var c in obj) {
        console.log(c + ":", obj[c]);
    }
}
  • 向json中添加数据
function Add() { 
    //往JSON对象中增加了一条记录
    obj.sex= "男" //或者obj["sex"]="男"
}

总结:在客户端,读写json对象可以使用"."操作符,和"[key]"的方式json字符串转换为json对象使用eval()函数或者是parseJSON();

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值