前端Json 增加,删除,修改元素（包含json数组处理）

时间：2019-11-18 23:21:53 阅读：389 评论：0 收藏：0 [点我收藏+]

一：基础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>

十年一瞬如沧海，谁人还逝藏海花。 ——篮场滑行者·库里

前端Json 增加,删除,修改元素（包含json数组处理）

原文：https://www.cnblogs.com/cr-cool/p/11885978.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)