Question

I have an array of javascript objects like the following:

var food = [
    {id: 1, name: 'Apples', owned: true },
    {id: 2, name: 'Oranges', owned: false },
    {id: 3, name: 'Bananas', owned: true }
];

Then I receive another array with the following data:

var newFood = [
    {id: 1, name: 'Peas'},
    {id: 2, name: 'Oranges'},
    {id: 3, name: 'Bananas'},
    {id: 4, name: 'Grapefruits'}
];

How can I update the previous food array with the new information in newFeed, without overwriting the original owned property, while adding an owned: false to any new object?

Keep in mind this is plain javascript, not jQuery.

Answer 1

You’d probably want to index food by id so make food an object instead of an array:

var food = {
1: {name: "Apples", owned: true},
//...
}

then iterate over newFood and update the fields appropriately.