快捷導(dǎo)航

json數(shù)據(jù)格式常見操作示例

更新時(shí)間：2019年06月13日 10:25:42 作者：longzhoufeng

這篇文章主要介紹了json數(shù)據(jù)格式常見操作,結(jié)合實(shí)例形式j(luò)son對象、json數(shù)組表示方式及遍歷技巧,需要的朋友可以參考下

本文實(shí)例講述了json數(shù)據(jù)格式常見操作。分享給大家供大家參考，具體如下：

json數(shù)據(jù)格式

第一種，對象形式

<script>
//var json3={name:"longzhoufeng",age:123}//第一種方式
var json3={"name":"longzhoufeng","age":123}//推薦這種方式，加引號，安全性高一點(diǎn)，轉(zhuǎn)換格式好一些
for( var attr in json3){
  //alert(attr)//name,age
  console.log(json3[attr])//longzhoufeng,123
}
</script>

運(yùn)行結(jié)果：

第二種，數(shù)組形式

<script>
var arr=[{"name":"longzhoufeng","age":123},{"name":"minigui","age":25}]
var parn=arr[0].name+"今年多少歲"+arr[1].age
console.log(parn)
</script>

運(yùn)行結(jié)果：

對象里包數(shù)組

<script>
//對象里包數(shù)組
var json4={
  "url":["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg"],
  "text":["aaaa","bbbb","cccc","dddd"]
}
for(var att in json4){
  console.log(json4[att])
  for(var i=0;i<json4[att].length;i++){
    console.log(json4[att][i])
  }
}
</script>

運(yùn)行結(jié)果：

數(shù)組里包對象

<script>
var json5=[{"姓名":"longzhoufeng","年齡":123},{"姓名":"minigui","年齡":25}]
for(var i=0;i<json5.length;i++){
  for(var att in json5[i]){
    //alert(att)
    console.log(json5[i][att])
  }
}
</script>

運(yùn)行結(jié)果：