replace value if key is same in json object

Question

I have following array which consist of json objects:

items = [{"Id":"car","color":"blue"},{"Id":"truck","color":"red"}]

I have new json object. If the "Id" of this object(newItem) matches the "Id" in items, i would like to replace the "color" value.

newItem = {"Id":"car","color":"yellow"}

So, i would like output like this:

items = [{"Id":"car","color":"yellow"},{"Id":"truck","color":"red"}]

Here's what i have so far:

for (var i=0; i<items.length; i++) {
    var x = items[i];

    if(x.Id == newItem.Id){    //first check if id matches  
        if (JSON.stringify(items[i]) == JSON.stringify(newItem))  { 
            alert('objects are same');                        
            return ;           
        } 
        else {
            var newColor = JSON.stringify(x).replace(x.color, newItem.color);
            alert(JSON.parse(newColor));

        }
    }            
}

$.each(items, function(i,item){ if(newItem.Id == item.Id) {item.color = newItem.color;}}); — Braj
– Braj, Commented Jul 30, 2015 at 18:13

Pavan Ravipati · Accepted Answer · 2015-07-30 18:16:34Z

9

Working JSFiddle. Here's one way to do it by using .forEach from Array.prototype.forEach:

var items = [{"Id":"car","color":"blue"},{"Id":"truck","color":"red"}];
var newItem = {"Id":"car","color":"yellow"}

items.forEach(function(item) {
  if (newItem.Id === item.Id) {
    item.color = newItem.color
  }
});

edited Jul 30, 2015 at 18:16

answered Jul 30, 2015 at 18:09

Pavan Ravipati

1,87015 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

GPicazo · Accepted Answer · 2015-07-30 18:09:37Z

4

Try this:

items.forEach(function(item) {
    if(item.Id == newItem.Id && item.color != newItem.color){
        item.color = newItem.color;
    }            
});

answered Jul 30, 2015 at 18:09

GPicazo

6,7263 gold badges23 silver badges25 bronze badges

Comments

Joy · Accepted Answer · 2015-07-30 18:12:52Z

2

Check working demo: JSFiddle.

Using Array.prototype.map is concise and clear:

items.map(function(obj) {
    (obj.Id === newItem.Id) && (obj.color = newItem.color);
});

answered Jul 30, 2015 at 18:12

Joy

9,60011 gold badges50 silver badges99 bronze badges

Comments

Pritam Banerjee · Accepted Answer · 2015-07-30 18:17:12Z

2

The following code should work for you. You can exit the loop once the id is matched. A little better performance wise.

items = [{"Id":"car","color":"blue"},{"Id":"truck","color":"red"}];

newItem = {"Id":"car","color":"yellow"};

for (var i = 0; i < items.length; i++){
    if (newItem.id == items[i].id ){
        items[i].color = newItem.color;
        break;
    }
}

answered Jul 30, 2015 at 18:17

Pritam Banerjee

19.1k10 gold badges97 silver badges113 bronze badges

Comments

Alexandru Pufan · Accepted Answer · 2015-07-30 18:23:37Z

2

Here's a way to do it, using jQuery:

var items = [
  {"Id": "car", "color": "blue"},
  {"Id": "truck", "color": "red"}
];

var newItem = {
  "Id": "car",
  "color": "yellow"
};


$(items).each(function(item) {
  if ($(this)[0].Id == newItem.Id) {
    $(this)[0].color = newItem.color
  }
});

answered Jul 30, 2015 at 18:23

Alexandru Pufan

1,9223 gold badges30 silver badges45 bronze badges

Comments

danopz · Accepted Answer · 2015-07-31 02:29:46Z

2

The Underscore.js library isn't strictly necessary for this specific problem, but it's great for dealing with collections.

var items = [{"Id":"car","color":"blue"},{"Id":"truck","color":"red"}];
var newItem = {"Id":"car","color":"yellow"};

_.each(items, function(item) {
  if (item.Id === newItem.Id) item.color = newItem.color
});

edited Jul 31, 2015 at 2:29

danopz

3,4085 gold badges35 silver badges44 bronze badges

answered Jul 31, 2015 at 1:36

arahr26

211 bronze badge

Collectives™ on Stack Overflow

replace value if key is same in json object

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related