Как фильтровать информацию из массивов

Допустим, мы получили от сервера массив с данными. Наша задача — вывести по отдельности информацию по определенным категориям.

В Состоянии пользователя наш массив выглядит так:

{
  "name": "Катя",
  "names": [
    "Василиса",
    "Вася",
    "Катя",
    "Ярик",
    "Джек",
    "Джейк",
    "Гиви",
    "Максим",
    "Ярослава",
    "Катя",
    "Владимир",
    "Финн",
    "Вилли",
    "Катя",
    "Казимир",
    "Ибрагим"
  ],
  "orders": [
    {
      "id": 1,
      "status": "success",
      "title": "Холодильник",
      "price": "54 000 ₽"
    },
    {
      "id": 2,
      "status": "fail",
      "title": "Микроволновка",
      "price": "5 000 ₽"
    },
    {
      "id": 3,
      "status": "delivering",
      "title": "Люля-Кебаб",
      "price": "540 ₽"
    },
    {
      "id": 4,
      "status": "delivering",
      "title": "Пицца",
      "price": "655 ₽"
    },
    {
      "id": 5,
      "status": "success",
      "title": "Playstation 5",
      "price": "154 000 ₽"
    },
    {
      "id": 6,
      "status": "success",
      "title": "Кулебяка с рыбой",
      "price": "540 000 ₽"
    }
  ]
}

Итак, нам нужно, чтобы в бот выводилась отфильтрованная разными способами информация.

Для начала будем выводить имена. Используем компонент Сообщение:

1. Выведем из массива всех Кать, скопировав в Сообщение хелпер:

{{filter names name}}

Протестируйте хелпер в песочнице →

2. Теперь выведем всех Кать нумерованным списком, скопировав в Сообщение такую конструкцию:

{{#filter names name}}
{{add @index 1}}. {{this}}
{{else}}
Не найдено такого имени
{{/filter}}

В этом случае, в бот придет нумерованный список всех Кать:

Протестируйте хелпер в песочнице →

3. Таким хелпером мы найдем в списке и выведем в бот всех Василис, в данном случае, она у нас одна:

{{filter names "Василиса"}}

Протестируйте этот хелпер в песочнице →

4. Так получаем все имена длинной 4 символа:

{{filter names 4 prop="length"}}

Бот прислал по порядку все имена из четырех букв, которые есть в нашем массиве:

Протестируйте этот хелпер в песочнице →

5. Выведем нумерованным списком все имена, имеющие четыре буквы.

Для этого добавим в Сообщение хелпер:

{{#filter names 4 prop="length"}}
{{add @index 1}}. {{this}}
{{else}}
Не нашлось таких имен
{{/filter}}

Получим в боте тех же персон, что и в прошлом примере, но пронумерованных:

Протестируйте этот хелпер в песочнице →

6. Получим первые два имени длинной 4 символа и выведем их списком:

{{#filter names 4 prop="length" limit=2}}
{{add @index 1}}. {{this}}
{{else}}
Не нашлось таких имен
{{/filter}}

Результат:

Протестируйте этот хелпер в песочнице →

7. Переименовываем this и @index (вместо index — id, вместо this — имя).

Копируем данную конструкцию в Сообщение:

{{#filter names name as |name id|}}
ID: {{id}}; Имя: {{name}}
{{else}}
Не найдено такого имени
{{/filter}}

В результате @index превратился в ID и все {{name}} вывелось таким списком:

Протестируйте этот хелпер в песочнице →

Кроме имен, в массиве есть информация о заказах, которую тоже можно вывести:

1. Выводим массивом, для записи в переменную все успешные заказы из переменных:

"orders": [
    {
      "id": 1,
      "status": "success",
      "title": "Холодильник",
      "price": "54 000 ₽"
    },
    {
      "id": 2,
      "status": "fail",
      "title": "Микроволновка",
      "price": "5 000 ₽"
    },
    {
      "id": 3,
      "status": "delivering",
      "title": "Люля-Кебаб",
      "price": "540 ₽"
    },
    {
      "id": 4,
      "status": "delivering",
      "title": "Пицца",
      "price": "655 ₽"
    },
    {
      "id": 5,
      "status": "success",
      "title": "Playstation 5",
      "price": "154 000 ₽"
    },
    {
      "id": 6,
      "status": "success",
      "title": "Кулебяка с рыбой",
      "price": "540 000 ₽"
    }
  ]

Используем для этого хелпер JSONstringify

{{JSONstringify (filter orders "success" prop="status")}}

Вот что придет в бот:

Протестируйте этот хелпер в песочнице →

2. Выведем списком заказы, которые доставляются:

{{#filter orders "delivering" prop="status"}}
{{add @index 1}}. {{title}}
{{/filter}}

Бот прислал все заказы со статусом "доставляется".

Протестируйте этот хелперр в песочнице →

3. Используя limit="1", найдем первый попавшийся Playstation 5, определим номер заказа и выведем цену:

{{#filter orders "Playstation 5" prop="title" limit="1"}}
Номер заказа: {{id}}
Позиция: {{title}}
Цена: {{price}}
{{else}}
Вы еще не купили Playstation 5
{{/filter}}

Данные будут выводиться из этих переменных пользователя:

"id": 5,
      "status": "success",
      "title": "Playstation 5",
      "price": "154 000 ₽"

Протестируйте этот хелпер в песочнице →

Была ли статья полезна?

Да Нет