【js】json的相关操作

1、将json 数据和数组融合
demo

复制代码
    <script>
        var json = {
            all: 10,
            un: 3,
            comp: 2,
            inc: 5

        }
        var arr = [
            {
                text: '全部',
                type: "",
            },
            { 
                text: '未参加', 
                type: "0", 
            },
            { 
                text: '未完成', 
                type: "1", 
            },
            { 
                text: '已完成', 
                type: "2", 
            },
        ];

        // 目标结果:
        arr = [
            { 
                text: '全部',
                type: "", 
                counts: 10
            },
            {
                text: '未参加', 
                type: "0", 
                counts: 3
            },
            { 
                text: '未完成', 
                type:  "1", 
                counts: 5
            },
            { 
                text: '已完成', 
                type: "2", 
                counts: 2
            },
        ];
        //实现  为arr 增加key值   
        var arr = [
            { 
                text: '全部', 
                type: "", 
                key: 'all' 
            },
            { 
                text: '未参加', 
                type: "0", 
                key: 'un' 
            },
            { 
                text: '未完成', 
                type: "1", 
                key: 'inc' 
            },
            { 
                text: '已完成', 
                type: "2", 
                key: 'comp' 
            }, 
        ];
        arr.forEach(item => {
            item.counts = json[item.key]
        });
        console.log(arr);
    </script>
复制代码

2、将json 连接为 a=1&b=2

思路:先将json 变为数组 ['a=1','b=2']

然后再将数组变成字符串

var json2 = {
    a : 1,
    n : 5
}
let reloadPathHelper = (json) =>{
    return Object.keys(json).map(key => key + '=' + json[key]).join('&');
};
console.log(reloadPathHelper(json2));

方法二

var arr = [];
for(var key in json2){
    arr.push(key + '=' + json2[key]);
}
console.log(arr.join('&'));

 

posted on   smile轉角  阅读(39)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」

导航

统计

点击右上角即可分享
微信分享提示