React - Check for duplicates in an array

Question

I'm working on simple list where you can simply add your words to the list. Main problem is duplicates, I tried many solutions but they weren't even close.

state = {
    people: [{ name: null, count: null }]
}

handleSubmit = (e) => {
    this.setState(({ count }) => ({
        count: count + 1
    }));
    this.props.addHuman(this.state);
}

addHuman = (human) => {

    let people = [...this.state.people, human];

    this.setState({
      people: people
    });    
}

I hope for solution which will check if there is any duplicate already in the array

What's the end goal ? To prevent adding duplicates ? Please add input and expected output. Is "count" your attempt at detecting duplicates or the actual data structure ? — nip
– nip, Commented Jul 31, 2020 at 17:40
Does this answer your question? How to get distinct values from an array of objects in JavaScript? — Vasanth Gopal
– Vasanth Gopal, Commented Jul 31, 2020 at 17:45

JohMun · Accepted Answer · 2020-07-31 17:47:16Z

6

You could make a check if there is someone with the same name already in the array. A better property to check would be an email adresse.

find takes a callback function as parameter. Inside this function, I compare the name properties. If it's a match, find returns true, then a do an early return in the next line and the person isn't added.

addHuman = (human) => {
    const exists = this.state.people.find(p => p.name === human.name);
    if (exists) return;
    let people = [...this.state.people, human];

    this.setState({
      people: people
    });    
}

https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/find

answered Jul 31, 2020 at 17:47

JohMun

4462 silver badges7 bronze badges

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

Comments

Rohan Naik · Accepted Answer · 2020-07-31 17:41:56Z

0

if you want to de duplicate the array...you can do it in this way

cont array = [1,1.2,3,5,5];
[...new Set(array)]

answered Jul 31, 2020 at 17:41

Rohan Naik

3054 silver badges11 bronze badges

Comments

Wiktor Bednarz · Accepted Answer · 2020-07-31 17:44:56Z

0

This will work as well, there are plenty of ways to achieve the desired outcome.

addHuman = human => {
 const updatedPeople = people.includes(human) ? people : [ ...people, human ];

 this.setState({
  people: updatedPeople
 });
}

answered Jul 31, 2020 at 17:44

Wiktor Bednarz

7493 silver badges7 bronze badges

Comments

sandeep rathod · Accepted Answer · 2021-10-12 19:31:11Z

0

Remove_Duplicate_recs(filteredRecord) {
var records = [];
for (let record of filteredRecord) { const duplicate_recorde_exists = records.find(r => r.MovementId === record.MovementId); if (duplicate_recorde_exists) {
continue ; } else { records.push(record); }
}

return records;

}

answered Oct 12, 2021 at 19:31

sandeep rathod

1051 silver badge4 bronze badges

Collectives™ on Stack Overflow

React - Check for duplicates in an array

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related