1. JSON是一种常用的数据传输的格式,语法格式如下 :
JSON语法规则 :
- 1. 数据存储在键值对中,也就是属性/属性值的形式
- 2. 多个数据之间逗号隔开
- 3. 大括号用来表示对象
- 4. 中括号用来表示数组
数据类型 :
- JSON数字 : {"age":20}
- JSON布尔 : {"flag":true}
- JSON null: {"name":null}
- JSON对象 : {"name":"lisi","age":20} ,
JSON对象语法如下:
- JSON 对象使用在大括号({})中书写。
- 对象可以包含多个 key/value（键/值）对。
- key 必须是字符串，value 可以是合法的JSON数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。
- key 和 value 中使用冒号(:)分割。
- 每个 key/value 对使用逗号(,)分割。
JSON数组 :
{
"courses":[
{"name":"JavaSE","time":20},
{"name":"HTML","time":1},
{"name":"CSS","time":2},
{"name":"JavaScript","time":3}
]
}
2. JSON中元素的访问 :
var movie = {
"title":"扫毒2:天地对决",
"casts": [
{
"name":"古天乐",
"avatar":"http://xxxx.jpg",
"age":49
},
{
"name":"刘德华",
"avatar":"http://xxxx2.jpg",
"age":58
}
],
"pubDate":"2019-07-5",
"rate":9.5
}
//属性访问 JSON对象名.属性
console.log(movie);
console.log(‘title : ‘ + movie.title);
3. JSON与字符串的互转
4. JS遍历与JQuery遍历
- JS遍历方式 : 借助 JavaScript中 for...in循环
// JS对象
var user = {
name:‘张三‘,
age: 20
}
// json类型对象
var userJson = {
"name":"李四",
"age":30
}
//对象遍历
for(var i in user){
//xx.xx 这种形式 只能取原来具有的属性
//非常重要! xx.abc abc是变量,就必须通过 xx[abc] 形式取值
console.log(‘属性 : ‘+i+‘ ==> ‘+user[i]);
}
//json遍历
for(var a in userJson){
console.log(‘属性 : ‘+a+‘ ==> ‘+userJson[a]);
}
- JQuery遍历方式 : 借助JQuery中的each函数
json对象数组的遍历 :
$.each(data,function(index,value){
});
each(obj,callBack);
obj : 对象或者数组
callback : 回调函数
index : 索引值
value : 对象