How to change original array based on other array

Question

Hello I would like to transform original array coming from API and change users color field into "primary" when their id matches. I've tried to run this code, however it retruns empty array

console.log(array.filter((item, i) => {
  return item.id === selected[i]
}))

// Original array
[
  {
    "id": "183",
    "fullName": "Simon Aaman",
    "color": "secondary"
  },
  {
    "id": "77",
    "fullName": "Dennis Bergkamp",
    "color": "secondary"
  },
  {
    "id": "80",
    "fullName": "Allison Bäcker",
    "color": "secondary"
  },
]

/array of ids
const selected = [77, 80]

item.id returns an ID as a string selected[i] is an array of numbers. They are not equal according to === — VLAZ
– VLAZ, Commented Jan 14, 2020 at 11:49

Nicolae Maties · Accepted Answer · 2020-01-14 11:44:16Z

You can change the color using a map over your array and inside that you can just match against your selected ids.

const arr = [
  {
    "id": "183",
    "fullName": "Simon Aaman",
    "color": "secondary"
  },
  {
    "id": "77",
    "fullName": "Dennis Bergkamp",
    "color": "secondary"
  },
  {
    "id": "80",
    "fullName": "Allison Bäcker",
    "color": "secondary"
  },
];
const selected = [77, 80];

const result = arr.map((el) => {
  if(selected.includes(Number(el.id))){
    return {
      ...el,
      color: 'primary'
    }
  }
  return el;
});

console.log(result);

Also you had a problem with you code, you were strictly checking the ids using === which means you were looking for the type too (one was Number and one was a String), you could have done it using == which does not check for the type or just convert one of the ids to String/Number.

Pranav C Balan · Accepted Answer · 2020-01-14 11:49:38Z

1

You need to use == or convert the string to Number since === will check datatype as well.

console.log(array.filter((item, i) => {
  return +item.id === selected[i]
}))

or

console.log(array.filter((item, i) => {
  return item.id == selected[i]
}))

edited Jan 14, 2020 at 11:49

answered Jan 14, 2020 at 11:41

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

Comments

Max · Accepted Answer · 2020-01-14 11:55:29Z

1

You can try to filter from selected:

console.log(selected.map((s) => {
   return array.filter(el=>el.id ===`${s}`)
}))

answered Jan 14, 2020 at 11:55

Max

1,0487 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to change original array based on other array

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related