JavaScript Update multiple object properties

Question

I have this code below that finds the index of specific object using findIndex method and Update object's name property. Is there anyway i can update mutiple object's name property? E.g.

var rofl = ["0"];

// Instead of ["0"] how do i update multiple object by putting var rofl = ["1","2","3"];

let myArray = [
  {id: 0, name: "Jhon"},
  {id: 1, name: "Sara"},
  {id: 2, name: "Domnic"},
  {id: 3, name: "Bravo"}
],

objIndex = myArray.findIndex((obj => obj.id == rofl));

console.log("Before update: ", myArray[objIndex]) // {id: 0, name: "Jhon"}

myArray[objIndex].name = ("Jerry");

console.log("After update: ", myArray[objIndex]) // {id: 0, name: "Jerry"}

CertainPerformance · Accepted Answer · 2018-05-30 06:57:26Z

3

Use forEach instead:

const myArray = [
  {id: 0, name: "Jhon"},
  {id: 1, name: "Sara"},
  {id: 2, name: "Domnic"},
  {id: 3, name: "Bravo"}
];
["1","2","3"].forEach(findId =>
  myArray.find(({ id }) => id == findId).name = 'Jerry'
);
console.log(myArray);

If the IDs have a chance of not existing in the array, you'll have to add a test for that as well:

const myArray = [
  {id: 0, name: "Jhon"},
  {id: 1, name: "Sara"},
  {id: 2, name: "Domnic"},
  {id: 3, name: "Bravo"}
];
["1","2","3", "10"].forEach(findId => {
  const foundObj = myArray.find(({ id }) => id == findId);
  if (foundObj) foundObj.name = 'Jerry';
});
console.log(myArray);

answered May 30, 2018 at 6:57

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

Comments

Nikhil Aggarwal · Accepted Answer · 2018-05-30 06:57:34Z

2

Use Array.forEach

let myArray = [{id: 0, name: "Jhon"},{id: 1, name: "Sara"},{id: 2, name: "Domnic"},{id: 3, name: "Bravo"}];
let rofl = ["1","2","3"];

myArray.forEach((obj) => {if(rofl.includes(obj.id.toString())) obj.name = 'Jerry'}) 

console.log(myArray);

answered May 30, 2018 at 6:57

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

Collectives™ on Stack Overflow

JavaScript Update multiple object properties

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