Отфильтровать массив?

Question

[Aleksandr]

<ui_graph_search :values="getStatus" @select="changeArray('status_id', 'where', $event)" :multiple="true">Статус</ui_graph_search>
<ui_chip removeByCallback v-for="selected in filterArray.status_id" @delete="removeFromWhereIn('status_id', 'where', $event)" :item="selected">{{ selected.name }}</ui_chip>

changeArray(name, subname, value) {
      this.filterArray[name].push(value)
}

Не могу понять как написать условие, чтобы push(value) не отрабатывала, если второй раз попадает один и тот же объект?

Есть два статуса:
1) активен
2) не активен

Когда пользователь кликает по "активен" в this.filterArray[name] записывается объект с ID = 1, а потом по "Не активен" ID = 2 получается массив из объектов. Если дважды кликнуть по "Активен" выведет дважды этот объект, как это исправить?

Answer 1

[Negwereth]

Используй Map для хранения данных по ключам.

Comments

[Aleksandr]

Честно скажу, я не разобрался с данной функцией. Не понял как правильно все написать

[Negwereth]

Александр Котов: я не про функцию, а про объект Map

[gleendo]

Вот так многие, не изучив основы, хватаются сразу за мейнстрим инструменты, а потом не понимают что к чему и почему и как вообще...

[Aleksandr]

iamevg_: я не хватался) такая задача поступила, разобраться с фильтрацией

[Aleksandr]

Negwereth: почитаю, спасибо

[Kovalsky]

Александр Котов: речь о VueJS. Это сложный инструмент, вы им пытаетесь пользоваться, но не знаете самых основ языка, даже типов данных. Цимес в том, что используя например Map при адекватном использовании у вас просто технически не может возникнуть случая чтобы в коллекции оказалось два одинаковых объекта. В том и преимущество.

[Aleksandr]

Никита Полевой: Я еще раз повторюсь, вы возможно не заметили мой комментарий выше. Не я это дело все писал. Мне поступила лишь задача разобраться, почему есть возможность выбора двух одинаковых статусов.
Но я вас понял, обязательно почитаю статью, ссылку на которую вы так любезно мне предоставили. Спасибо

Answer 2

[Evgeny Kulakov]

Может просто что-то типа, если правильно понял:

changeArray(name, subname, value) {
      if(this.filterArray[name].some(item => item === value)) return
      this.filterArray[name].push(value)
}

Comments

[Negwereth]

тогда уж find

[Aleksandr]

спасибо

[Evgeny Kulakov]

Negwereth: да, с т.зрения читабельности и возможно скорости, лучше будет:

if (!this.filterArray[name].find(item => item === value)) {
      this.filterArray[name].push(value)
 }

[Aleksandr]

Evgeny Kulakov: наверно все-таки this, а не !this?

[Evgeny Kulakov]

Александр Котов: Вроде все в порядке - если ничего не нашли, то добавляем в массив.

[Aleksandr]

Evgeny Kulakov: ну с !this не работает, если убрать ! , то все окей

[Evgeny Kulakov]

Александр Котов: Не знаю, что сказать) надо смотреть что у вас в массиве сидит. Код простой - ищем элемент в массиве, если не находим, то добавляем.

[Aleksandr]

Evgeny Kulakov: В любом случае, спасибо)