JSON增刪改查學習筆記
阿新 • • 發佈:2019-01-22
JSON語法是一種用於傳輸和生成資料的協定,很類似於C家族的語言,所以很容易被C家族的語言所解析。
物件:物件包含在{}之間
屬性:採用Key-Value對來表示。屬性之間使用逗號分開。 string : value
陣列:陣列存放在[]之間 [ elements ]
元素:元素之間用逗號分開
值:值可以是字串,數字,物件,陣列,true,false,null
新增:
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="trid" >
<ul>
<li>產品名稱:<input name="a" type="text" value="1111"/>產品額度:<input name="b" type="text" value="1111"/></li>
<li>產品名稱:<input name="a" type="text" value="1111"/>產品額度:<input name="b" type="text" value="1111"/></li>
<li>產品名稱:<input name="a" type="text" value="1111"/>產品額度:<input name="b" type="text" value="1111"/></li>
<li>產品名稱:<input name="a" type="text" value="1111"/>產品額度:<input name="b" type="text" value="1111"/></li>
</ul>
</div>
<script type="text/javascript">
$(function(){
var jsondata={temName:"科目名稱" ,temType: "交易型別"}
var arr=[];
$("#trid").find("li").each(function(){
var obj={};
var ia=$(this).find("input[name='a']").val();
var ia1=$(this).find("input[name='b']").val();
obj.name=ia;
obj.product=ia1;
arr.push(obj);
});
jsondata.groupName=arr;
console.log(jsondata)
})
</script>
for in 遍歷json物件的時候,
1.for(attr in json)中的attr獲取到的是json中屬性的名字,是個字串
2.json[attr]獲取到的是屬性的值,該屬性的值的資料型別 與 json中該屬性的值的資料型別 一致。
var jsonForm={temName:"產品名稱",temType: "交易型別", groupIds: "所屬分組", groupName: "產品科目", paramDesc: "引數說明"}
var str="";
for (var p in jsonForm){
var value=jsonForm[p];
str=str+"*"+p+"#"+value;
}
sooString=str.substr(1);
console.log(sooString)
補充說明:將sooString還原成json物件
var html = s.replace(/\*|\#/g," ");
var htm=html.split(" ");
var htmobj={};
for(var i=0; i<htm.length;i++){
if(i%2==0){
var cc=htm[i];
htmobj[cc]=htm[i+1];
}else{}
}
console.log(htmobj)
刪除
js中刪除JSON物件元素用delete操作符
delete jsonForm["temName"]
console.log(jsonForm.temName)//undefined
修改
jsonForm.temName="產品名稱一";
console.log(jsonForm.temName)//產品名稱一