1. 程式人生 > >JSON增刪改查學習筆記

JSON增刪改查學習筆記

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)//產品名稱一