compare two array and put a status in an other array if it exist or not

user_17487927 0
Viewed 38

so i have an array with all the players and one with only the one that are selected and i want to have an other array with the status if he is selected or not. i tried comparing and pushing the element with the status but didnt achieve what i wanted.

here are the arrays

  const all = [
    {
      playerId: '294',
      firstName: 'MMM',
    },
    {
      playerId: '295',
      firstName: 'arkiv',
    },
    {
      playerId: '296',
      firstName: 'julio',
    },
    {
      playerId: '297',
      firstName: 'sss',
    },
  ];

const selected = [
    {
      playerId: '296',
      firstName: 'julio',
    },
    {
      playerId: '297',
      firstName: 'sss',
    },
  ];

and this is what i want to achive

  const res = [
    { playerId: '294', firstName: 'MMM', status: false },
    { playerId: '295', firstName: 'arkiv', status: false },
    { playerId: '296', firstName: 'julio', status: true },
    { playerId: '297', firstName: 'sss', status: true },
  ];

i set up an environment to work here: https://stackblitz.com/edit/react-lkcqcd?file=src%2FApp.js

thanks for attention!

arrays json javascript
3 Answers

You can use Array#some to check if the id of the player is in the selected array.

const all=[{playerId:'294',firstName:'MMM',},{playerId:'295',firstName:'arkiv',},{playerId:'296',firstName:'julio',},{playerId:'297',firstName:'sss',},],selected=[{playerId:'296',firstName:'julio',},{playerId:'297',firstName:'sss',},];
all.forEach(player => player.status = 
              selected.some(x => x.playerId === player.playerId));
console.log(all);

user_95131840

You can create a Set of selected players and using this set you can add the status field.

const 
  all = [{ playerId: "294", firstName: "MMM" }, { playerId: "295", firstName: "arkiv" }, { playerId: "296", firstName: "julio" }, { playerId: "297", firstName: "sss" }],
  selected = [{ playerId: "296", firstName: "julio" }, { playerId: "297", firstName: "sss" }],
  selectedSet = new Set(selected.map((player) => player.playerId)),
  res = all.map((player) => ({ ...player, status: selectedSet.has(player.playerId) }));

console.log(res);

You can also use Array.prototype.find instead of creating a set but this wouldn't be optimal unless the size of the selected array is quite small.

const 
  all = [{ playerId: "294", firstName: "MMM" }, { playerId: "295", firstName: "arkiv" }, { playerId: "296", firstName: "julio" }, { playerId: "297", firstName: "sss" }],
  selected = [{ playerId: "296", firstName: "julio" }, { playerId: "297", firstName: "sss" }],
  res = all.map((player) => ({
    ...player,
    status: !!selected.find((selPlayer) => selPlayer.playerId === player.playerId),
  }));

console.log(res);

user_190956300

You can use Array#map and Array#includes as in the following demo:

const all = [ { playerId: '294', firstName: 'MMM', }, { playerId: '295', firstName: 'arkiv', }, { playerId: '296', firstName: 'julio', }, { playerId: '297', firstName: 'sss', }, ],

      selected = [ { playerId: '296', firstName: 'julio', }, { playerId: '297', firstName: 'sss', }, ],

      output = all.map(
          player => 
          ({
              ...player,
              status:selected.map(({playerId}) => playerId)
              .includes(player.playerId)
          })
      );

console.log( output );

user_35589310
Related