Как из массива объектов получить данные по id в другом массиве?

Question

[Марат Иванов]

Есть массив с объектами:

const sum = [
  {id: 1, name: 'a'},
  {id: 2, name: 'b'},
  {id: 3, name: 'c'},
  {id: 7, name: 'm'},
  {id: 7, name: 'm'},
  {id: 7, name: 'm'},
  {id: 1, name: 'a'},
];

Также есть массив с id: const arr = [ 1, 2, 3 ].

Надо из массива с объектами извлечь значения свойства name для каждого из элементов массива с id:

const res = [ 'a', 'b', 'c' ];

Answer 1

[0xD34F]

const result = arr.map(function(n) {
  return this[n];
}, Object.fromEntries(sum.map(n => [ n.id, n.name ])));

// или

const names = new Map(sum.map(n => [ n.id, n.name ]));
const result = arr.map(n => names.get(n));

// или

const result = arr.map(n => sum.find(m => m.id === n)?.name);

Но что если в массиве sum отсутствуют некоторые из нужных элементов, а получать undefined внутри массива с результатами не хочется?

Можно подставлять вместо отсутствующих элементов какое-нибудь дефолтное значение:

const result = arr.map(function(n) {
  return this[n] ?? 'объекта с таким id нет';
}, Object.fromEntries(sum.map(n => [ n.id, n.name ])));

Или есть вариант получать только то, что существует:

const names = new Map(sum.map(n => [ n.id, n.name ]));
const result = arr.reduce((acc, n) => (names.has(n) && acc.push(names.get(n)), acc), []);

Comments

[Марат Иванов]

Спасибо!!!

[Марат Иванов]

const res = Array.from(new Set(dataSource?.map(i => {
if(arr?.includes(i.id)){
return i.name
}
})))