前端

json 详解

云博小周宇4 Mins Read

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

1.JSON的两种结构
2，认识JSON字符串
3，在JS中如何使用JSON

JSON的两种结构

JSON有两种表示结构，对象和数组。
对象结构以”{”大括号开始，以”}”大括号结束。中间部分由0或多个以”，”分隔的”key(关键字)/value(值)”对构成，关键字和值之间以”：”分隔，语法结构如代码。

{
    key1:value1,
    key2:value2,
    ...
}

其中关键字是字符串，而值可以是字符串，数值，true,false,null,对象或数组

数组结构以”[”开始，”]”结束。中间由0或多个以”，”分隔的值列表组成，语法结构如代码。

[
    {
        key1:value1,
        key2:value2
    },
    {
         key3:value3,
         key4:value4  
    }
]

认识JSON字符串

之前我一直有个困惑，分不清普通字符串，json字符串和json对象的区别。经过一番研究终于给弄明白了。比如在js中。

字符串：这个很好解释，指使用“”双引号或’’单引号包括的字符。例如：var comStr = ‘this is string‘;
json字符串：指的是符合json格式要求的js字符串。例如： var jsonStr = “{StudentID:‘100‘,Name:‘tmac‘,Hometown:‘usa‘}”;
json对象：指符合json格式要求的js对象。例如：var jsonObj = { StudentID: “100”, Name: “tmac”, Hometown: “usa” };

在JS中如何使用JSON

JSON是JS的一个子集，所以可以在JS中轻松地读，写JSON。读和写JSON都有两种方法，分别是利用”.”操作符和“[key]”的方式。
我们首先定义一个JSON对象，代码如下。

 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"])
        }

向JSON中写数据

比如要往JSON中增加一条数据，代码如下：

 function Add() {

            //往JSON对象中增加了一条记录
            obj.sex= "男" //或者obj["sex"]="男"
        }

修改后的JSON如图。

删除JSON中的数据

我们现在实现从JSON中删除count这条数据，代码如下：

function Delete() {
            delete obj.count;
        }

遍历JSON对象

可以使用for…in…循环来遍历JSON对象中的数据，比如我们要遍历输出obj对象的值，代码如下：

unction Traversal() { for (var c in obj) { console.log(c + ":", obj[c]); } }

程序输出结果：

 

JSON数据解析：

JSON解析一定要掌握的两条规则：

  • 1.如果看到是{ }–>使用JSONObject
  • 2.如果看到的[ ]–>使用JSONArray解析
import org.json.JSONException; import org.json.JSONObject; /** * JSON-->纯对象(Object)的解析 * * 注：我们在eclipse里面操作JSON解析的时候需要第三方jar包的支持 */
public class Json01 { public static void main(String[] args) { // 编辑一个我们要解析的数据对象 // 根据JSON的官方定义，键，加"",值，如果是字符串，就加""，其他不加。
        String json="{‘name‘:‘李书豪‘,‘age‘:24}"; try { // 创建JSON解析对象(两条规则的体现:大括号用JSONObject,注意传入数据对象)
            JSONObject obj = new JSONObject(json); // obj.后面有各种数据类型,根据对象来选择使用的数据类型
            String name = obj.getString("name"); // 同理如上，这里的age为Int类型，我们就用对应的类型进行解析
            int age = obj.getInt("age"); // 最后输出到控制台
            System.out.println(name+"<--->"+age); } catch (JSONException e) { e.printStackTrace(); } } }

 

 

纯数组(Array)的解析{ }:

 

import org.json.JSONArray; import org.json.JSONException; /** * 对纯数组Aarry的解析 * @author sKy° * @date 2016-5-8 * @version 1.0 */
public class Json02 { public static void main(String[] args) { // 编辑一个我们要解析的数据对象
        String json="[‘天津冷‘,‘北京暖‘,‘东京热‘,‘南京凉‘]"; try { // 创建JSON解析对象(两条规则的体现:中括号用JSONArray,注意传入数据对象)
            JSONArray jArray = new JSONArray(json); // 取得数组长度
            int length = jArray.length(); // 回想数组的取值的方式？ --->for循环遍历数组--->得到值
            for (int i = 0; i < length; i++) { // 根据解析的数据类型使用该类型的get方法得到该值，打印输出
                String string = jArray.getString(i); System.out.print(string+","); } } catch (JSONException e) { // TODO: handle exception
 } } }

 

 

 

 

 

组合类型的解析(一):

 

例子: String json=”{‘name’:’李书豪’,’girlFriend’:{‘name’:’高圆圆’,’age’:18}}”;
分析: 我们首先是解析外面的大括号的对象，然后，通过girlfFriend，获取到对应的被包含的里面大括号对象。所以这里我们需要建立一个类,封装对应的数据字段，根据setName ,setAge的方式在去得到对应的值

/** * 创建一个Person用于接收解析数据，封装对应字段 * @author sKy° * @date 2016-5-8 * @version 1.0 */
public class Person { // 分析我们要解析的对象，根据解析对象的属性值去创建对应的属性值 // 根据分析我们所要解析的对象，两条属性 1.name(String类型) 2.是girlFrien(类类型,意味着还需要在类中去嵌套一个类(创建类部类也可)) // 封装字段
    private String name; private GirlFriend girlFriend;  //类类型 // setter getter方法
    public String getName() { return name; } public void setName(String name) { this.name = name; } public GirlFriend getGirlFriend() { return girlFriend; } public void setGirlFriend(GirlFriend girlFriend) { this.girlFriend = girlFriend; } // toString方法用于控制台输出
 @Override public String toString() { return "Person [name=" + name + ", girlFriend=" + girlFriend + "]"; } } // 为了方便咱们看，这里就直接在下面创建了一个GirlFriend这个类
class GirlFriend{ // 根据对象属性值，创建对应的值
    private String name; private int age; // setter getter方法
    public String getName() { return name; } public void setName(String name) { this.name = name; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } // toString方法用于控制台输出
 @Override public String toString() { return "GirlFriend [name=" + name + ", age=" + age + "]"; } }

 

 

import org.json.JSONException; import org.json.JSONObject; /** * 组合数据类型的解析--->对象嵌套对象类型 * @author sKy° * @date 2016-5-8 * @version 1.0 */
public class Json03 { public static void main(String[] args) { // 编辑一个我们要解析的数据对象 // 分析: 应该先解析外面的大的对象，然后，通过girlfFriend，获取到对应的被包含的对象。 // 所以这里我们需要建立一个类,封装对应的数据字段，根据setName ,setAge的方式在去得到对应的值
 String json="{‘name‘:‘李书豪‘,‘girlFriend‘:{‘name‘:‘高圆圆‘,‘age‘:18}}"; try { // 1.创建JSON解析对象(两条规则的提现:大括号用JSONObject,注意传入数据对象)
            JSONObject jObj = new JSONObject(json); // 2.实例化Person对象获取对应的值--->这里是获得外面大括号{}的name值 思考?里面{}如何获得?
            Person per=new Person(); String name = jObj.getString("name"); per.setName(name); // 3.分析:里面{}是嵌套在外面大括号类的所以我们解析的对象是通过外面大括号去取得里面大括号值，注意看 //取得对应里面大括号的girlFriend,取得name值，赋值给girlFriend对象
            GirlFriend girlFriend=new GirlFriend(); JSONObject jObj1 = jObj.getJSONObject("girlFriend"); String gfName = jObj1.getString("name"); girlFriend.setName(gfName); // 获得age值并赋值
            int gfAge = jObj1.getInt("age"); girlFriend.setAge(gfAge); // 通过set把girlFriend的值赋Person 用于toString的输出，不然为空
 per.setGirlFriend(girlFriend); // 输出
            System.out.println(per); }catch (JSONException e) { e.printStackTrace(); } } }