Changing the value of an array of objects based on another array in javascript

Question

I have two arrays.

let arr1 = [{id: 1, favorite: false}, {id: 2, favorite: false}, {id: 3, favorite: false}];
let arr2 = [1, 3];

If the id exists in arr2, I want to change the favorite to true (of that particular object)

For example. in the above case, the final arr1 would look like

[{id: 1, favorite: true}, {id: 2, favorite: false}, {id: 3, favorite: true}];

Majed Badawi · Accepted Answer · 2020-12-05 11:07:10Z

4

You can use .map to iterate over arr1 and .includes to check if the item's id is in arr2:

const arr1 = [
  {id: 1, favorite: false}, 
  {id: 2, favorite: false}, 
  {id: 3, favorite: false}
];
const arr2 = [1, 3];

const res = arr1.map(e => 
  ({...e, favorite: arr2.includes(e.id)})
);

console.log(res);

edited Dec 5, 2020 at 11:07

answered Dec 5, 2020 at 11:04

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

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

2 Comments

rohanharikr Over a year ago

Thanks, exactly what I was looking for!

Majed Badawi Over a year ago

@rohanharikr you are welcome. Please mark the answer as the solution to close the question

webcoder · Accepted Answer · 2020-12-05 11:21:30Z

2

You can also use some method like:

const newArr = arr1.map(item =>  { return { ...item, favorite: arr2.some(elem => elem === item.id) } })

edited Dec 5, 2020 at 11:21

answered Dec 5, 2020 at 11:16

webcoder

1,5571 gold badge12 silver badges31 bronze badges

Comments

Sameer · Accepted Answer · 2020-12-05 11:38:06Z

1

You can also use forEach and includes.

let arr1 = [{id: 1, favorite: false}, {id: 2, favorite: false}, {id: 3, favorite: false}];
let arr2 = [1, 3];

arr1.forEach(x => x.favorite = arr2.includes(x.id))

console.log(arr1);

answered Dec 5, 2020 at 11:38

Sameer

5,2263 gold badges27 silver badges47 bronze badges

Collectives™ on Stack Overflow

Changing the value of an array of objects based on another array in javascript

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related