前端Json 增加,刪除,修改元素（包含json數組處理）

本文轉載自查看原文 2019-11-18 22:25 583 Web前端/ JSON/ html/ JQery

一：基礎JSON對象

二：JSON數組數據

以下為增刪修改方法：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Json</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <script src="~/js/mui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="~/css/reset.css">
    <script src="~/js/jquery1.7.2.js"></script> 
</head>
<body>
   <h2>清淺</h2>
</body>
</html>

<Script>


    $(function () {
        //JsonDelete();
        //JsonAdd();
        //JsonArryDelete();
        JsonArryAdd();
    });

    //json對象刪除數據
    function JsonDelete()
    {
        var jsonstr = '{\"name\":\"張大佛爺\", \"Age\":\"170\", \"sex\":\"男\" }';
        console.log(jsonstr);

        var json = JSON.parse(jsonstr);
        delete json.sex;
        console.log(json);

        jsonstr = JSON.stringify(json);
        console.log(jsonstr);
    }

    //json對象添加數據
    function JsonAdd()
    {
        var jsonstr = '{\"name\":\"張大佛爺\", \"Age\":\"170\" }';
        console.log(jsonstr);

        var json = JSON.parse(jsonstr);
        json.sex = '男';
        console.log(json);

        jsonstr = JSON.stringify(json);
        console.log(jsonstr);
    }

    //Json數組刪除
    function JsonArryDelete()
    {
        var jsonstr = '{\"zhang\":[{\"name\":\"張大佛爺\",\"Age\":\"170\",\"sex\":\"男\"},{\"name\":\"張啟靈\",\"Age\":\"100\",\"sex\":\"男\"}],\"wu\":[{\"name\":\"吳邪\",\"Age\":\"25\",\"sex\":\"男\"}]}';

        var json = JSON.parse(jsonstr);        
        console.log(json);

        //刪除張起靈        
        delete json.zhang[1];
        console.log(json);

        //強迫症,去掉null
        var zhangstr = [];
        for (var i = 0; i < json.zhang.length; i++) {
            var obj = json.zhang[i];
            if (obj != null)
                zhangstr.push(obj);
        }

        json.zhang = zhangstr;

        jsonstr = JSON.stringify(json);
        console.log(jsonstr);        
    }

    //Json數組添加
    function JsonArryAdd() {
        var jsonstr = '{\"zhang\":[{\"name\":\"張大佛爺\",\"Age\":\"170\",\"sex\":\"男\"},{\"name\":\"張啟靈\",\"Age\":\"100\",\"sex\":\"男\"}],\"wu\":[{\"name\":\"吳邪\",\"Age\":\"25\",\"sex\":\"男\"}]}';

        var json = JSON.parse(jsonstr);     
        console.log(json);

        var people = {
            "name": "吳三省",
            "Age": "45",
            "sex": "男"
        }

        json.wu.push(people);
        console.log(json);

        jsonstr = JSON.stringify(json);
        console.log(jsonstr);
    }


</Script>

十年一瞬如滄海，誰人還逝藏海花。 ——籃場滑行者·庫里

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js修改元素的屬性 JS 數組刪除元素、json刪除元素 js數組刪除元素、json刪除元素 jquery 增加與刪除數組元素數組中元素的動態增加和刪除 Java算法基礎：數組元素的增加與刪除 python中修改元組元素的值集合遍歷時，修改元素 git diff只顯示被修改的文件(不包含刪除或增加) python 字典之定義，新增元素、修改元素