如何向JSON数组添加新属性

How to add a new property to a JSON array?

本文关键字：属性 新属性 添加 JSON 数组      更新时间：2023-09-26

我正在尝试将新属性附加到一些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"
    }
    ];

然后我需要为用户Veronica添加一个新的属性，例如"color"："red"，即：

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"
}
];

在上面，我只是（手动）添加了"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

谢谢。

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

这里有一个简单的方法：

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' );

这里有一个基本的。

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