2
<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) {
    if (this.filterArray[name].length < 2) {
        this.filterArray[name].push(value)
        var filterId = this.filterArray[name].map((item)=>{
            return item.id
        })

        var i = filterId.length,
            result = [];
        while(i--) {
            if (result.join('').search(filterId[i]) == '-1') {
                result.push(filterId[i])
            }
        }
        this.$store.dispatch('table/updateFilter', { name: name, subname: subname, value: result});
    }
},

В filterArray.status_id при выборе двух одинаковых статусов падают одинаковые объекты.

Подскажите, как отфильтровать массив объектов так, чтобы, если вдруг у объекта совпадает id, он не добавлялся.

Не понимаю в какой момент времени все это происходит.

UPDATE: на выходе например получается вот такая конструкция

[obj, obj1, obj2]

obj = {
    id: 222
},
obj1 = {
    id: 333
},
obj2 = {
    id: 222
}

А нужно отфильтровать массив, чтобы на выходе было [obj, obj1]

2
  • 2
    Ваш вопрос настолько непонятен, что сперва даже непонятно, что он непонятен. Попробуйте привести пример данных, которые прилетают на входе, и пример того, что вы хотите видеть на выходе.
    – Darth
    10 июл 2017 в 8:40
  • @Darth Обновил вопрос 10 июл 2017 в 9:00

1 ответ 1

3

Если после map(item => item.id) выходит такое [{id:222},{id:333}, ...], то значит filterArray[name] у вас такой конструкции -

[
  {id: {id: 444}},  
  {id: {id: 333}},  
  {id: {id: 222}}
]

А result.join('') дает такую строку - "[object Object][object Object][object Object]" и неудивительно, что ничего не фильтруется.

console.log([{id:222},{id:333},{id:444}].join(''))

Чтобы найти дубли, я заменил вашу конструкцию -

result.join('').search(filterId[i]) == '-1'

на

!result.find(el => el.id ==filterId[i].id)

const filterArray = [[ { id: {id: 222}}]];

function changeArray(name, subname, value) {
    if (filterArray[name].length < 2) {
        filterArray[name].push(...value);
        var filterId = filterArray[name].map(item => item.id);
        
        var i = filterId.length,
            result = [];
        while(i--)
            if (!result.find(el => el.id ==filterId[i].id))
                result.push(filterId[i]);
        
        console.log({name, subname, value: result});
        // this.$store.dispatch('table/updateFilter', { name: name, subname: subname, value: result});
   }
}

changeArray(0 ,2, [{id:{id:444}},  { id: {id: 333}},  { id: {id: 222}}]);

6
  • я возможно не правильно объяснил. После выполнения map(item => item.id) на выходе получаю только число. Точнее номер ID как раз. 10 июл 2017 в 9:41
  • попробуйте сделать воспроизводимый пример бага
    – Darth
    10 июл 2017 в 9:47
  • Может так попробую объяснить: когда вызываю console.log(this.filterArray[name]) , то получаю как писал ранее массив объектов. Когда вызываю console.log(item.id) получаю только число (значение выбранного id) 10 июл 2017 в 9:55
  • Примерно вот так получается codepen.io/anon/pen/OgaNoe @Darth 10 июл 2017 в 10:09
  • @АлександрКотов Однако, если добавить остальной ваш код, то фильтр работает - codepen.io/anon/pen/WOYwLv?editors=0011.
    – Darth
    10 июл 2017 в 10:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.