Как сделать поиск по двум параметрам?

Question

[Konstantin Malyarov]

Есть фильтр по одному параметру, как сделать по двум?

computed: {
        namesFilter() {
            if (this.name_from) {
                return this.names.filter(item => {
                    return item.children.item[3].value.toLowerCase().includes(this.name_from.toLowerCase())  // Поиск по полному названию
                    return item.children.item[4].value.toLowerCase().includes(this.name_from.toLowerCase())  // Поиск по короткому названию
                })
            } else {
                return this.names;
            }
        }
    },

Answer 1

[Alex]

Применить логическое ИЛИ || в функции фильтре

return 
item.children.item[3].value.toLowerCase().includes(this.name_from.toLowerCase())  // Поиск по полному названию
|| item.children.item[4].value.toLowerCase().includes(this.name_from.toLowerCase())  // Поиск по короткому названию

Comments

[0xD34F]

Надо поправить перенос строки после return. Или не делать его вовсе, или поставить круглые скобки:

return (
  ...
)

А иначе будет возвращён undefined вместо значения нижеследующего выражения. И результат фильтрации, соответственно - всегда будет пустой массив.

Answer 2

[0xD34F]

computed: {
  namesFilter() {
    const name = this.name_from.toLowerCase();
    const names = this.names;
    const filterBy = [ 3, 4 ];

    return name
      ? names.filter(n => filterBy.some(i => n.children.item[i].value.toLowerCase().includes(name)))
      : names;
  },
},

Ну и понятно, какой напрашивается следующий шаг - сделать filterBy свойством компонента, привязать его содержимое через v-model к, например, чекбоксам, и вот уже пользователь может настраивать фильтрацию по произвольному количеству свойств.

Answer 3

[Александр Дроздов]

Фильтры будут между собой конкурентные, т.е тебе надо сначала фильтрануть по "по полному названию" потом отдельным заходом по результату предыдущего "по короткому названию"

В целом странное дело)

Comments

[Konstantin Malyarov]

ООО "Магазин"
Общество с ограниченной ответственностью "Магазин"

Зачем фильтровать двумя фильтрами? Чем же странное дело?

Answer 4

[Retreat]

если нужно просто объединить результаты 2 фильтров то что-то похожее на это

namesFilter() {
    if (this.name_from) {
        let filter1 = this.names.filter(item => {
            return item.children.item[3].value.toLowerCase().includes(this.name_from.toLowerCase())  // Поиск по полному названию
        })
        let filter2 = this.names.filter(item => {
            return item.children.item[4].value.toLowerCase().includes(this.name_from.toLowerCase())  // Поиск по короткому названию
        })
       return [...filter1, ...filter2]
    } else {
        return this.names;
    }
}