如何将新属性添加到JSON数组?

时间:2016-03-29 08:12:28

标签: javascript arrays json

我试图将新属性附加到某些JSON对象上。我怎么能这样做?

例如,这是我的JSON数组:

var eventsArray;

    eventsArray = [

    {
        "title" : "Marco 1",
        "user": "Marco",
        "start" : "2016-01-12T16:00:00-05:00",
        "end" : "2016-01-12T17:00:00-05:00"
    }, {
        "title" : "Marco 2",
        "user": "Marco",
        "start" : "2016-01-12T10:00:00-05:00",
        "end" : "2016-01-12T12:00:00-05:00"
    }, {
        "title" : "Marta 1",
        "user": "Marta",
        "start" : "2016-01-12T09:00:00-05:00",
        "end" : "2016-01-12T10:00:00-05:00"
    }, {
        "title" : "Marta 2",
        "user": "Marta",
        "start" : "2016-01-13T09:00:00-05:00",
        "end" : "2016-01-13T10:00:00-05:00"
    }, {
        "title" : "Veronica 1",
        "user": "Veronica",
        "start" : "2016-01-12T13:00:00-05:00",
        "end" : "2016-01-12T14:00:00-05:00"
    }, {
        "title" : "Veronica 2",
        "user": "Marco",
        "start" : "2016-01-11T13:00:00-05:00",
        "end" : "2016-01-11T14:00:00-05:00"
    }

    ];

然后我需要添加一个新属性,例如" color" :"红色"用户Veronica,即:

var eventsArray;

eventsArray = [

{
    "title" : "Marco event 1",
    "user": "Marco",
    "start" : "2016-01-12T16:00:00-05:00",
    "end" : "2016-01-12T17:00:00-05:00"
}, {
    "title" : "Marco event 2",
    "user": "Marco",
    "start" : "2016-01-12T10:00:00-05:00",
    "end" : "2016-01-12T12:00:00-05:00"
}, {
    "title" : "Marta event 1",
    "user": "Marta",
    "start" : "2016-01-12T09:00:00-05:00",
    "end" : "2016-01-12T10:00:00-05:00"
}, {
    "title" : "Marta event 2",
    "user": "Marta",
    "start" : "2016-01-13T09:00:00-05:00",
    "end" : "2016-01-13T10:00:00-05:00"
}, {
    "title" : "Veronica event 1",
    "user": "Veronica",
    "start" : "2016-01-12T13:00:00-05:00",
    "end" : "2016-01-12T14:00:00-05:00",
    "color" : "red"
}, {
    "title" : "Veronica event 2",
    "user": "Veronica",
    "start" : "2016-01-11T13:00:00-05:00",
    "end" : "2016-01-11T14:00:00-05:00",
    "color" : "red"
}

];

上面我刚刚添加了(手动)"颜色" :"红色"只对具有" user"的对象===" Veronica" (后两者)。我怎么能通过JavaScript做到这一点?

我尝试了一些没有成功的方法,例如:

eventsArray[4].color = "red";
eventsArray[5].color = "red";

或:

eventsArray.user["Veronica"].color = "red";
eventsArray.user["Veronica"].color = "red";

几天后我才开始学习使用JSON。

请注意,在这种特定情况下,具有不同属性的对象不会出现任何问题:我的程序不会爆炸! :P

谢谢。

2 个答案:

答案 0 :(得分:3)

有很多方法可以做到这一点。

这是一个简单的方法:

eventsArray.forEach( function( event ) {
    if( event.user == 'Veronica' ) event.color = 'red';
});

当然,您可能希望为其他用户和颜色执行此操作。因此,最好将其概括为函数:

function setUserColor( events, user, color ) {
    events.forEach( function( event ) {
        if( event.user == user ) event.color = color;
    });
}

然后你可以这样称呼它:

setUserColor( eventsArray, 'Veronica', 'red' );

现在你也可以为其他用户做同样的事情:

setUserColor( eventsArray, 'Marta', 'green' );

答案 1 :(得分:1)

这是一个基本的。

 for(var i = 0; i < eventsArray.length; i++){
   if(eventsArray[i].user === "Veronica" {
      eventsArray[i].color = "red";
   }
 }