Как фильтровать многомерный массив во vue js?

Как правильно фильтровать многомерный массив такого типа:
массив[группа][бренд][позиция]

[ { "title": "Запрашиваемый код детали",
    "brands": [ {
        "code": "123456",
        "name": "FILTR",
        "description": "Фильтр масляный",
        "positions": [ {
            "price": "221 ₽",
            "availability": "8 шт."
            },{
            "price": "236 ₽",
            "availability": "2 шт."
        } ],
    } ],
} ],


Я пытался делать таким образом:
Vue

props:{
        groups: Array,
    },
    computed: {
        filtered() {
            let filters = this.filters;
            return this.groups.filter((group) => {
                            let brands = group.brands.filter((brand) => {
                    if (!filters['brands'].value.includes(brand.name) && filters['brands'].value !== [] && !brand.positions) return false;
                    let positions = brand.positions.filter(function (position) {
                        Object.keys(filters).forEach((index) => {
                            if (index !== 'brands'){
                                if (!filters[index].value[0] <= parseInt(position[index]) || !filters[index].value[1] >= parseInt(position[index])) {
                                     return false;
                                }
                            }
                        });
                        return true;
                    });
                    return positions !== [];
                });
                return brands !== [];
            });
        },
        filters() { return this.$store.state.search.filters },
    }


Но так фильтрация происходит на каждом уровне вложенности и не срабатывает реактивность при изменении фильтров, значения которых точно реактивны и меняются в соответствующих инпутах, слайдерах и списке чекбоксов
  • Вопрос задан
  • 237 просмотров
Решения вопроса 1
@jeserg
Где-то бывает проще проверить длину вложенного фильтрованого массива и использовать map, перебор в крайнем случае
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
12 авг. 2020, в 17:43
100 руб./в час
12 авг. 2020, в 17:38
30000 руб./за проект
12 авг. 2020, в 17:27
8000 руб./за проект