我如何添加新的属性(元素)JSON对象使用JavaScript?


当前回答

使用jquery的$.extend(),如下所示:

token = {_token:window.Laravel.csrfToken};
data = {v1:'asdass',v2:'sdfsdf'}
dat = $.extend(token,data); 

我希望你为他们服务。

其他回答

谢谢你写这篇文章。我想补充一些有用的东西。

对于IE来说,它很好用

object["property"] = value;

因为IE中的一些特殊单词会给你一个错误。

一个例子:

object.class = 'value';

这在IE中失败了,因为“类”是一个特殊的词。我花了好几个小时研究这个。

你还可以使用extend函数在json中添加新的json对象,

var newJson = $.extend({}, {my:"json"}, {other:"json"});
// result -> {my: "json", other: "json"}

对于扩展函数,一个非常好的选择是递归合并。只需添加true值作为第一个参数(阅读文档了解更多选项)。的例子,

var newJson = $.extend(true, {}, {
    my:"json",
    nestedJson: {a1:1, a2:2}
}, {
    other:"json",
    nestedJson: {b1:1, b2:2}
});
// result -> {my: "json", other: "json", nestedJson: {a1:1, a2:2, b1:1, b2:2}}

您还可以直接在对象文字中动态地添加带有变量的属性。

const amountAttribute = 'amount';
const foo = {
                [amountAttribute]: 1
            };
foo[amountAttribute + "__more"] = 2;

结果:

{
    amount: 1, 
    amount__more: 2
}
var jsonObj = {
    members: 
           {
            host: "hostName",
            viewers: 
            {
                user1: "value1",
                user2: "value2",
                user3: "value3"
            }
        }
}

var i;

for(i=4; i<=8; i++){
    var newUser = "user" + i;
    var newValue = "value" + i;
    jsonObj.members.viewers[newUser] = newValue ;

}

console.log(jsonObj);

使用jquery的$.extend(),如下所示:

token = {_token:window.Laravel.csrfToken};
data = {v1:'asdass',v2:'sdfsdf'}
dat = $.extend(token,data); 

我希望你为他们服务。