Find duplicate values Vuejs

Question

I have an array of objects and when I insert a new one I want to know if is duplicate or not.

    this.duplicate = false;

    for(let item of this.items){
        if(item.id && this.item.name === item.name) {  // this.item.name is the value that I try to insert
//item.id (if is add, id = null, is update id = value)
            this.$notify({
                group: "notify",
                text: "Duplicate value! ",
                type: "error"
            });
            this.duplicate = true ;
        }
    }

    if(!this.duplicate){
        // post/put request
    }

This works just for add (post request), on update I get always duplicate value.

rorrry · Accepted Answer · 2020-01-09 12:11:50Z

1

You can check before you add

  const newItem; // comes from request

  const duplicateIndex = this.items
    .map(item => item.name)
    .indexOf(newItem.name);
  // returns index of Object that has same name as newItem's name 
  // or -1 if not found

  // Post request
  if (newItem.id == null) {
    if (duplicateIndex) {
      this.$notify({
        group: "notify",
        text: "Duplicate value! ",
        type: "error"
      });
    } else {
      this.items.push(newItem);
    }
  // Put request
  } else {
    this.items[duplicateIndex] = newItem;
  }

edited Jan 9, 2020 at 12:11

answered Jan 9, 2020 at 11:54

rorrry

1,1948 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Saurin Vala · Accepted Answer · 2020-01-09 12:12:09Z

0

This might help, Idea is to get the existing Id of record, and match with other records, if other record's id and this id mis-match then you can say this is proper duplicate value

this.duplicate = false;

for(let item of this.items){ 

var existingId=this.item.id || -1; // null coalescing operator (??) is using a logical OR (||):


        
        if (existingId!=item.id && this.item.name.toUpperCase().indexOf(item.name.toUpperCase()) == -1) {
           this.$notify({
                group: "notify",
                text: "Duplicate value! ",
                type: "error"
            });
            this.duplicate = true ;
        } else {
             //nothing found
        }        
    }

    if(!this.duplicate){
        // post/put request
    }

edited Jan 9, 2020 at 12:12

answered Jan 9, 2020 at 12:00

Saurin Vala

1,9381 gold badge18 silver badges25 bronze badges

Collectives™ on Stack Overflow

Find duplicate values Vuejs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related