基础JSON

179 阅读5分钟

JSON

什么是 JSON ?

-   JSON 指的是 JavaScript 对象表示法(**J**ava**S**cript **O**bject **N**otation)
-   JSON 是轻量级的文本数据交换格式
-   JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,
    但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 
    目前非常多的动态(PHPJSP,.NET)编程语言都支持JSON。
-   JSON 具有自我描述性,更易理解

与 XML 相同之处

  • JSON 是纯文本
  • JSON 具有"自我描述性"(人类可读)
  • JSON 具有层级结构(值中存在值)
  • JSON 可通过 JavaScript 进行解析
  • JSON 数据可使用 AJAX 进行传输

与 XML 不同之处

  • 没有结束标签
  • 更短
  • 读写的速度更快
  • 能够使用内建的 JavaScript eval() 方法进行解析
  • 使用数组
  • 不使用保留字

为什么使用 JSON?

对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:

使用 XML

  • 读取 XML 文档
  • 使用 XML DOM 来循环遍历文档
  • 读取值并存储在变量中

使用 JSON

  • 读取 JSON 字符串
  • 用 eval() 处理 JSON 字符串

JSON 语法规则

JSON 语法是 JavaScript 对象表示语法的子集。

  • 数据在名称/值对中
  • 数据由逗号分隔
  • 大括号 {} 保存对象
  • 中括号 [] 保存数组,数组可以包含多个对象

JSON对象

对象语法

{ "name":"runoob", "alexa":10000, "site":null }

JSON 对象使用在大括号({})中书写。

对象可以包含多个 **key/value(键/值)** 对。

key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。

key 和 value 中使用冒号(:)分割。

每个 key/value 对使用逗号(,)分割。

\

访问对象值

//有两种方法
//1.你可以使用.来访问对象
//2.你可以使用[]来访问对象
var myObj,
x; myObj = { "name":"runoob", "alexa":10000, "site":null };
//第一种
x = myObj.name;
//第二种
x = myObj["name"];

循环对象

通过for-in来循环对象的属性
var myObj = { "name":"runoob", "alexa":10000, "site":null }; 
//第一种用x直接获取
for (x in myObj) { document.getElementById("demo").innerHTML += x + "<br>"; }
//第二种用[]来访问属性值
for (x in myObj) { document.getElementById("demo").innerHTML += myObj[x] + "<br>"; }

嵌入JSON值

myObj = { 
    "name":"runoob", 
    "alexa":10000, 
    "sites": { 
        "site1":"www.runoob.com", 
        "site2":"m.runoob.com", 
        "site3":"c.runoob.com" 
    } 
}

修改值

也可以用. 或 [] 
myObj.sites.site1 = "www.google.com";
myObj.sites["site1"] = "www.google.com";

删除对象属性

    delete  myObj.sites.site1;
    delete myObj.sites["site1"];

JSON数组

数组作为 JSON 对象

[ "Google", "Runoob", "Taobao" ]

JSON 数组在中括号中书写。

JSON 中数组值必须是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。

JavaScript 中,数组值可以是以上的 JSON 数据类型,
也可以是 JavaScript 的表达式,包括函数,日期,及 *undefined*。

去调用对象属性的值:x = myObj.sites[0];

循环数组

用for-in 或者 for循环语句也可以

嵌套 JSON 对象中的数组

//JSON 对象中数组可以包含另外一个数组,或者另外一个 JSON 对象:
myObj = { 
    "name":"网站", 
    "num":3, 
    "sites": [ 
        { "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] }, 
        { "name":"Runoob", "info":[ "菜鸟教程", "菜鸟工具", "菜鸟微信" ] }, 
        { "name":"Taobao", "info":[ "淘宝", "网购" ] } 
    ]
   }
   //我们可以使用 for-in 来循环访问每个数组:
   for (i in myObj.sites) {
       x += "<h1>" + myObj.sites[i].name + "</h1>"; 
       for (j in myObj.sites[i].info) { x += myObj.sites[i].info[j] + "<br>"; }
       }

FASTJSON解析

FASTJSON是一个java库,可以将java对象转换为JSON格式,当然它也可以将JSON字符串转换成为java对象

toJSONString()方法:将对象转化为JSON字符串
parseObject()方法:将JSON字符串转换成对象

FASTJSON使用方法

package cn.cude.TsUser;

public class User {
    private int id;
    private String name;
    public User(){}
    public User(int id, String name) {
        this.id = id;
        this.name = name;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", name='" + name + ''' +
                '}';
    }
}
package cn.cude.TsUser;

import com.alibaba.fastjson.JSON;
import org.testng.annotations.Test;

public class UsetImpl {
    @Test
    public void test1(){
        //将对象转换成JSON字符串
        User user = new User(1,"小王");
        String string = JSON.toJSONString(user);
        System.out.println(string);
    }
    @Test
    public void test2(){
        //将JSON字符串转换成对象
        String json = "{"id":1,"name":"小王"}";
        User user = JSON.parseObject(json, User.class);
        System.out.println(user);
    }
}

需要:fastjson-1.2.68.jar包

Jackson解析

jackson是将java对象序列化为JSON字符串,也能将JSON字符串反序列化为java对象
readValue
writeValue

Jackson使用方法

@Test
public void test3() throws JsonProcessingException {
    //java对象转化成JSON字符串
    ObjectMapper objectMapper = new ObjectMapper();
    User user = new User(1,"小王");
    String string = objectMapper.writeValueAsString(user);
    System.out.println(string);
}
@Test
public void test4() throws IOException {
    //将JSON字符串转换成对象
    ObjectMapper objectMapper = new ObjectMapper();
    User user = objectMapper.readValue("{"id":1,"name":"小王"}", User.class);
    System.out.println(user);
}

浏览器处理json字符串

JSON.stringify 语法

JSON.stringify(value[, replacer[, space]])

JSON.stringify 简介:

JSON 通常用于与服务端交换数据。

在向服务器发送数据时一般是字符串。

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

JSON.stringify 参数说明参数说明:

  • value:

    必需, 要转换的 JavaScript 值(通常为对象或数组)。

  • replacer:

    可选。用于转换结果的函数或数组。

    如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:""。

    如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时,将忽略 replacer 数组。

  • space:

    可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 也可以使用非数字,如:\t。\

JSON.parse 语法

JSON.parse(text[, reviver])

简介

JSON 通常用于与服务端交换数据。

在接收服务器数据时一般是字符串。

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

参数说明

  • text: 必需, 一个有效的 JSON 字符串。
  • reviver:  可选,一个转换结果的函数, 将为对象的每个成员调用此函数。

使用方法

    
    stringify():将对象转换成字符串
    parse():将字符串转换成对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var json= {
				name:"ccc",
				age:12
			}
			// 在浏览器中将对象转换成字符串
			var str = JSON.stringify(json);
			alert(str);
			//将字符串转换成对象的方法
			var json1= JSON.parse(str);
			console.log(json1);
		</script>
	</body>
</html>

在线检验JSON: www.json.cn/