Как перебрать элементы в методе мап корректно?

Question

[Mark321]

Есть массив, там объекты тип

{id: 'enemies', item: 'eye-of-the-storm'}
{id: 'characters', item: 'aloy'}

Хочу пробегаться по массиву и спрашивать, если элемент айди равен значению выбранному, то отрисовывай картинки (src), если нет, то ничего
но тегу src нельзя указать налл
Можно конечно сначала по разным массивам элементы растусовать, но это какое-то костыльное решение
можно как-то проще это сделать?

el.id === 'hero' ? `images/characters/${el.item}/gacha-card` : null

Answer 1

[Сергей Соколов]

Отфильтровать по искомому id, из оставшихся собрать теги..

arr.filter(el => el.id === 'hero')
  .map(el => `<img src="images/characters/${el.item}/gacha-card" alt="">`)
  .join("\n");

Comments

[Mark321]

Спасибо