JS：JSON

概述

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

格式

在JS中，JSON被看作对象，在Java中，JSON被看作字符串

JSON对象

// 语法格式:{"键1":值1,"键2":值2,"键3":值4,...}
// 键为字符串，值可以为各种类型
// 封装数据
var person={
	"name":"Mike",
	"age":15,
	"gender":"男",
	"show":function(){
		alert("show...");
	}
};
// 访问封装的数据
alert(person.name);
alert(person.age);
alert(person.gender)
person.show();

JSON字符串

用英文单引号将JSON对象包裹，数据格式不能进行美化，必须在同一行

var jsonStr='{"name":"Mike","age":15,"gender":"男"}';

JSON字符串和JSON对象的互转
后台将数据以JSON字符串的形式对数据进行封装，然后响应给前台，前台将数据提交给后台，需要将JSON对象转换为JSON字符串提交给后台

// 将JSON字符串转换为JSON对象
var jsonObj=JSON.parse(jsonStr);
alert(jsonObj.name);

注意：JSON对象中的函数键值对无法被转换为字符串，JSON字符串中出现函数键值对会报错

// 将JSON对象转换为JSON字符串
var jsonStr=JSON.stringify(person);
// 转换后的字符串中不存在show函数
alert(jsonStr);

JSON对象的嵌套

JSON对象中嵌套JSON对象

var person = {
	"name": "Mike",
	"age": 15,
	"hobby": ["读书", "看电影", "跑步"],
	"pet":{
		"breed":"dog",
		"age":5
	}
}
// 访问JSON对象中数组中的元素以及子JSON对象中的数据
var hobbyRun=person.hobby[2];
var petBreed=person.pet.breed;

JSON对象中的数组中的元素为JSON对象

var school = {
	"schoolName":"一中",
	"myClass": [{
		"className": "class1",
		"stuNum": 50
	}, {
		"className": "class2",
		"stuNum": 60
	}, {
		"className": "class3",
		"stuNum": 56
	}]
}
var class1=school.myClass[0].className;

遍历JSON对象

var person={
	"name":"Mike",
	"age":15,
	"gender":"男"
};
for(key in person){
	var value=person[key];
	alert(value);
}
// for in循环遍历数组
var arr=[100,200,300,400,500];
for(index in arr){
	alert(arr[index]);
}

遍历JSON数组

var jsonArr=[{
	"className": "class1",
		"stuNum": 50
	}, {
		"className": "class2",
		"stuNum": 60
	}, {
		"className": "class3",
		"stuNum": 56
	}];
for (var i = 0; i < jsonArr.length; i++) {
	var jsonObj=jsonArr[i];
	for(key in jsonObj){
		alert(key+":"+jsonObj[key]);
	}
}