Как выводить только нужные значения из json?

Question

[microf]

Добрый день. Есть два json файла - один с ингридиентами, второй с рецептами с id этих самых ингридиентов

Планкер

{
  "id":"1",
  "name": "Огурец"
},
{
  "id":"2",
  "name": "Помидор"
},

...

{
  "id":"1",
  "name": "Salat1",
  "recipe":["1","3","5"]
}

Всё это я загружаю в компонент с помощью сервиса, но хочу выводить на экран, при нажатии на кнопку, только по одному - т.е. нажал "Салат 1" - получил ингридиенты только этого салата. В какую сторону копать? Базы данных нет. Использовать как-то Pipes? или сделать какой то еще сервис, который будет вытаскивать по id и формировать поток нужный?

Планкер

Comments

[Роман]

У вас же есть в объекте рецепта свойство с массивом ингредиентов ("recipe":["1","3","5"]), что сложного просто пробежаться по этому массиву и показать название продуктов из файла с объектами продуктов? Либо я не понимаю задачу..

[microf]

Роман, Всё верно вы поняли. Я не понимаю как это сделать. Связать два объекта. Т.е. я понимаю, как это сделать с базой, но не понимаю, какой у меня должен быть синтаксис в этом случае. У меня получается массив объектов ingridients и массив объектов recipe - вот как мне сделать "селект name from ingridients where id = "..." уж простите за псевдокод

[Роман]

microf,

var prods = [
{
  "id":"1",
  "name": "Огурец"
},
{
  "id":"2",
  "name": "Помидор"
}
];

var rec =
{
  "id":"1",
  "name": "Salat1",
  "recipe":["1","3","5"]
}

rec['recipe'].forEach(el => {
  prods.forEach(prod => {
    if(prod.id === el) console.log(prod.name);
  })
})

Разумеется в случае с JSON'ом его еще нужно будет распарсить.., ну а так, как-то так

[longclaps]

Роман, уж если пишите на EC6 - освойте структуры данных, которые он предоставляет, для данного случая уместен Map().

Answer 1

[Arman]

что-то такое?

ingridients.filter(ingridient => {
    return recipe.includes(ingridient.id);
}))