Validate Duplicate Data Entry in Array - JavaScript

Question

My problem is that I want to insert values that are not repeated when doing a push

This is my code :

addAddress: function() {
            this.insertAddresses.Adress = this.address_address
            this.insertAddresses.State = this.selectedStateAddress
            this.insertAddresses.City = this.selectedCityAddress
            if(this.insertAddresses.Adress !== "" && this.insertAddresses.State !== null && this.insertAddresses.City !== null) {
                let copia = Object.assign({}, this.insertAddresses);
                this.addresses.push(copia)
            }
            else
            {
                this.$message.error('Not enough data to add');
                return
            }
        },

When adding a new element to my object, it returns the following.

When I press the add button again, it adds the same values again, I want to perform a validation so that the data is not the same. How could I perform this validation in the correct way?

tony19 · Accepted Answer · 2021-03-16 06:01:44Z

1

Verify that the item doesn't already exist in the array before inserting.

You can search the array using Array.prototype.find:

export default {
  methods: {
    addAddress() {
      const newItem = {
        Address: this.address_address,
        State: this.selectedStateAddress,
        City: this.selectedCityAddress
      }
      this.insertItem(newItem)
    },
    insertItem(item) {
      const existingItem = this.addresses.find(a => {
        return 
            a.State === item.State
         && a.City === item.City
         && a.Address === item.Address
      })

      if (!existingItem) {
        this.addresses.push(item)
      }
    }
  }
}

On the other hand, if your app requires better performance (e.g., there are many addresses), you could save a separate dictonary to track whether the address already exists:

export default {
  data() {
    return {
      seenAddresses: {}
    }
  },
  methods: {
    insertItem(item) {
      const { Address, State, City } = item
      const key = JSON.stringify({ Address, State, City })
      const seen = this.seenAddresses[key]

      if (!seen) {
        this.seenAddresses[key] = item
        this.addresses.push(item)
      }
    }
  }
}

demo

edited Mar 16, 2021 at 6:01

answered Mar 16, 2021 at 5:30

tony19

140k23 gold badges281 silver badges354 bronze badges

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

1 Comment

Sebas Carrillo Over a year ago

I already managed to solve it this way : const existingItem = this.addresses.find(a => a.State === item.State && a.City === item.City && a.Adress === item.Adress ) Thanks a lot!!!

MohammadReza Abbasi · Accepted Answer · 2021-03-16 05:24:28Z

1

check it:

let filter= this.addresses.find(x=> this.insertAddresses.State==x.State)
if (filter==null) {
   this.$message.error('your message');
}

OR FILTER ALL

let filter= this.addresses.find(x=> this.insertAddresses.Adress==x.Adress && this.insertAddresses.State==x.State && this.insertAddresses.City==x.City)
if (filter==null) {
   this.$message.error('your message');
}
``

answered Mar 16, 2021 at 5:24

MohammadReza Abbasi

5003 silver badges13 bronze badges

Collectives™ on Stack Overflow

Validate Duplicate Data Entry in Array - JavaScript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related