JSON

Posted 2020-09-08

1、json
javascript Object Notation
JSON 是用于存储和传输数据的格式，通常用于服务端向网页传递数据 。
JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递

2、创建一个JOSN对象
var json_1 = {
    "name" : "jiao",
    "age" : 266,
    "country" : "CHINA"
};

3、访问其中的值
两种访问方法
document.getElementById("name").innerhtml = json_1.name;
document.getElementById("age").innerHTML = json_1[“age”];


for…in循环列出JOSN对象的key
var str = "";
for(key in json_1){
    str += key + "<br>"
}
document.getElementById("di_1").innerHTML = str;


for…in循环列出json对象的value
var str = "";

for(key in json_1){
    str += json_1[key] + "<br>"
}
document.getElementById("di_1").innerHTML = str;

*for…in循环只能遍历第一层的值，不能遍历嵌套的对象


4、JSON嵌套
var json_1 = {
　　"name" : "fftu",
　　"age" : 26,
　　"ps" : {
　　　　"country" : "CN",
　　　　"height" : 180,
　　　　"weight" : "80KG"
　　}
};

    
var str = json_1.ps.weight;    //访问嵌套对象
json_1.ps.country = “USA”;    //更改对象的value
delete json_1.ps;    //删除对象的key



5、数组作为JSON对象的value
var json_1 = {
　　"name" : "fftu",
　　"age" : 26,
　　"array_1" : [
　　　　"mem_1",
　　　　"mem_2",
　　　　"mem_3"
　　]
};
var str = json_1.array_1[1];    //按索引访问value
document.getElementById("di_1").innerHTML = str;


循环遍历数组（两种方法）
var json_1 = {
　　"name" : "fftu",
　　"age" : 26,
　　"array_1" : [
　　　　"mem_1",
　　　　"mem_2",
　　　　"mem_3"
　　]
};

var str = "";

for(key in json_1.array_1){
　　str += json_1.array_1[key] + "<br>";
}


for(var i = 0; i < json_1.array_1.length; i++){
　　str += json_1.array_1[i] + "<br>";
}

document.getElementById("di_1").innerHTML = str;

delete json_1.array_1[1]; //被删除的value变为undefined

注意：

1、JSON 不能存储 Date 对象。如果需要存储 Date 对象，需要将其转换为字符串。

2、for…in循环中必须使用方括号json_1[key]，如果使用json_1.key则值为undefined