How to update an object within an array with immutable.js

Question

I wish to update an objects in an array using immutable.js

My object looks like this:

{
    location: '',
    cars: [
      {id: 1, color: blue},
      { id: 2, color: red}
    ]
};

In my code I get for example car id: 2 and change the color { id: 2, color: black}

I now wish to update the car which is at index 1 .

I tried :

const car = { id: 2, color: black}
updateIn([ 'cars'  ], list => list.push(car));

This will only add a new car at the end.

Which function in Immutable JS can I use to update car id # 2.

What’s the correct way to do this with immutable.js

Can you add some more code for context? For example, what are you calling updateIn() on? — Adam Boduch
– Adam Boduch, Commented Sep 1, 2016 at 21:24

erdysson · Accepted Answer · 2016-09-02 07:18:42Z

1

const car = { id: 2, color: black};
const indexToBeUpdated = 1;
updateIn(["cars", indexToBeUpdated], () => car);

whatever the index is, you need to pass it to updateIn methods first argument, which is an array.

answered Sep 2, 2016 at 7:18

erdysson

1,49013 silver badges18 bronze badges

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

Comments

Mithril · Accepted Answer · 2017-09-19 07:29:47Z

0

Update element in immutable list by condition:

const data = fromJS({
    location: '',
    cars: [
      {id: 1, color: blue},
      { id: 2, color: red}
    ]
});

const car = { id: 2, color: black}

const index = data.get(['cars']).findIndex(listItem => {
  // condition here
  return listItem.get('id') === car.id;
});

const new_data = data.setIn(['cars', index], car);

answered Sep 19, 2017 at 7:29

Mithril

14k21 gold badges109 silver badges160 bronze badges

Collectives™ on Stack Overflow

How to update an object within an array with immutable.js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related