美文网首页
JS 中Json常用操作

JS 中Json常用操作

作者: 咻咻ing | 来源:发表于2018-08-07 14:07 被阅读19次
    1. 直接定义json
       var json = {"name": "小明", "age": 12};
       console.log(json);
    
    1. json 转 String
        var str = JSON.stringify(json);
       console.log(str);
    
    1. String 转 Json
    json = JSON.parse(str);
    console.log(json)
    
    1. 添加新的字段
      // 方式1
       json.sex = '女';
      // 方式2
       var id = 'id';
       json[id] = '123';
       console.log(json)
    
    1. 判断字段是否存在
    console.log(json.hasOwnProperty(id))
    
    1. 删除字段
    方式1
    delete json.id;
    console.log(json);
    方式2
    delete json[id];
    console.log(json);
    
    1. 添加JsonArray
    var array = [{"name": "小李", "age": 20}];
    console.log(array);
    array.push(json);
    console.log(array);
    
    1. 遍历JsonArray
    for (var item in array) {
           console.log(array[item].name)
       }
    
    1. 删除array中的一项
     array.splice(1)
    

    完整代码示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>Title</title>
    </head>
    <body>
    
    <script type="text/javascript">
       var json = {"name": "小明", "age": 12};
       console.log(json);
       var str = JSON.stringify(json);
       console.log(str);
       json.sex = '女';
       var id = 'id';
       json[id] = '123';
       console.log(json)
       console.log(json.hasOwnProperty(id))
       delete json.id;
       console.log(json);
       id = 'id';
       json[id] = '123';
       console.log(json);
       delete json[id];
       console.log(json);
       var array = [{"name": "小李", "age": 20}];
       console.log(array);
       array.push(json);
       console.log(array);
       for (var item in array) {
           console.log(array[item].name)
       }
       array.splice(1)
       console.log(array)
    </script>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:JS 中Json常用操作

          本文链接:https://www.haomeiwen.com/subject/fiaovftx.html