Как найти объекты во вложенных массивах?

Question

[Rasul]

Есть массив

const CARDS = [
  {
    heading: "История поиска",
    mainId: 1,
    items: [],
  },
  {
    heading: "Банки",
    mainId: 2,
    items: [
      {
        id: "1",
        title: "Тинькофф",
        rating: "4",
        currency: ["RUB", "USD", "EUR"],
      },
      {
        id: "2",
        title: "Альфа Банк",
        rating: "4",
        currency: ["RUB", "USD"],
      },
      {
        id: "3",
        title: "Русский Стандарт",
        rating: "4",
        currency: ["RUB"],
      },
      { id: "4", title: "Открытие", rating: "4", currency: ["RUB", "USD"] },
    ],
  },
  {
    heading: "Переводы",
    mainId: 3,
    items: [
      {
        id: "4",
        title: "Открытие",
        rating: "4",
        currency: ["RUB", "USD"],
      },
    ],
  },
  {
    heading: "Криптовалюты",
    mainId: 4,
    items: [
      {
        id: "5",
        title: "Bitcoin",
        rating: "4",
        currency: ["BTC", "WBTC", "BTCBEP20"],
      },
      {
        id: "6",
        title: "Etherium",
        rating: "4",
        currency: ["ETH", "ETHBEP20"],
      },
      {
        id: "7",
        title: "Litecoin",
        rating: "4",
        currency: ["LTC"],
      },
    ],
  },
];

Хочу при вводе в поиске, скажем Тинькофф, чтобы возвращал его карточку.

Answer 1

[twobomb]

let str = "тинькоф";
let arr = CARDS.map(e=>e.items).flat().filter(e=>e.title.toLocaleLowerCase().includes(str.toLocaleLowerCase()) );

Comments

[WbICHA]

flatMap

[twobomb]

WbICHA, оо даже такое есть, ну я всеравно не запомню, я даже не знал есть ли flat, я помню толи в js толи в php была такая функция, проверил реально есть. Это нужно писать на js не только для ответов на тостер, чтобы такое знать и помнить

[Rasul]

Спасибо!

Answer 2

[otdameskapizm]

Можно так:

const searchedValue = 'Тинькофф';

const items = CARDS.flatMap(({ items }) => items);
const [card] = items
  .filter(({ title }) => title.toLowerCase() === searchedValue.toLowerCase());