Updating javascript object in a ForEach?

Question

I have a Object named objectX like this

{
    "test": [
      {
        "id": "de6b4d1c-6e04-46a1-908b-9ed5c78e1boc", 
      }, 
      {
        "id": "de6b4d1c-6e04-46a1-908b-9ed5c78e1boc", 
      }, 
      {
        "id": "de6b4d1c-6e04-46a1-908b-9ed5c78e1boc", 
      }, 
      {
        "id": "de6b4d1c-6e04-46a1-908b-9ed5c78e1boc", 
      }, 
      {
        "id": "de6b4d1c-6e04-46a1-908b-9ed5c78e1boc", 
      }, 
      {
        "id": "de6b4d1c-6e04-46a1-908b-9ed5c78e1boc", 
      }
    ], 
}

and i want to update the id for all my objects in my test array.

To do that, i was doing

    objectX.test.forEach((obj) => {
      obj.id = newId
    })

But with my forEach, i have this

Error: "[vuex] do not mutate vuex store state outside mutation handlers."

Anyone know how can i update my ids without getting error like this ?

Given that you are using vuex, you probably have to show a more complete example of your code, because you are not actually asking about JavaScript itself but how to do this in the context of that library. — Felix Kling
– Felix Kling, Commented Jul 28, 2021 at 9:16

fullstack · Accepted Answer · 2021-07-28 09:18:00Z

1

You can't update inside a forEach, because you are updating the copy of the object and not the object itself. You can instead map over your array and return the updated array to another variable:

const objectX = {
  test: [{ name: 'a', id: 4 }, { name: 'b', id: 2 } ],
 };
const newId = 1;
objectX.test = objectX.test.map((obj) => {
  return {
     ...obj,
     id: newId,
    }
 });
 console.log(objectX.test);

answered Jul 28, 2021 at 9:18

fullstack

8347 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

Updating javascript object in a ForEach?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related