Поиск по вложенному объекту JS

154
13 июня 2019, 06:50

Имеется массив объектов (скриншот выше), нужно выполнить поиск по id внутри cards и вывести новый массив как на скриншоте ниже (поиск по id 6,7,11,12,13)

Подскажите, пожалуйста, как можно реализовать что-то подобное?

Пример вывода:

const data = [{
  did: 0,
  name: "Название",
  cards: [
    { id: 6, title: "Карточка 6", type: "card" },
    { id: 7, title: "Карточка 7", type: "card" }
  ]
}, {
  did: 1,
  name: "Название 2",
  cards: [
    { id: 11, title: "Карточка 11", type: "card" }
  ]
}, {
  did: 2,
  name: "Название 3",
  cards: [
    { id: 12, title: "Карточка 12", type: "card" },
    { id: 13, title: "Карточка 13", type: "card" }
  ]
}];
Answer 1

var data = [{ 
  did: 0, 
  name: "Название", 
  cards: [ 
    { id: 6, title: "Карточка 6", type: "card" }, 
    { id: 7, title: "Карточка 7", type: "card" } 
  ] 
}, { 
  did: 1, 
  name: "Название 2", 
  cards: [ 
    { id: 11, title: "Карточка 11", type: "card" } 
  ] 
}, { 
  did: 2, 
  name: "Название 3", 
  cards: [ 
    { id: 12, title: "Карточка 12", type: "card" }, 
    { id: 13, title: "Карточка 13", type: "card" } 
  ] 
}]; 
 
var ids = new Set([6, 7, 12]); 
 
var res = data 
  .map(x => ({ ...x, cards: x.cards.filter(c => ids.has(c.id)) })) 
  .filter(x => x.cards.length) 
 
console.log(res);
.as-console-wrapper.as-console-wrapper { max-height: 100vh }

READ ALSO
Минимальная высота сколлбара, самопис

Минимальная высота сколлбара, самопис

Всем приветПишу тут скрипт для кастомного скроллбара

157
Get JSON API Wordpress?

Get JSON API Wordpress?

и тут у меня Error

103
Создание массива в чаилд компоненте

Создание массива в чаилд компоненте

Мне в child компоненте по методу onClick надо модифицировать массив, который будет передаваться в родитель, а из родителя уже в другой child компонент

134
помогите разобраться с выводом nodejs express

помогите разобраться с выводом nodejs express

Появилась новая проблемаСброшу только код сервера и всех

119