React - 检查数组中的重复项答案

【问题标题】：React - Check for duplicates in an arrayReact - 检查数组中的重复项
【发布时间】：2020-11-21 13:57:17
【问题描述】：

我正在制作简单的列表，您可以在其中简单地将您的单词添加到列表中。主要问题是重复，我尝试了很多解决方案，但都没有接近。

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
    });    
}

我希望有一个解决方案来检查数组中是否已经存在任何重复项

【问题讨论】：

最终目标是什么？防止添加重复项？请添加输入和预期输出。是“计数”您检测重复项还是实际数据结构的尝试？
这能回答你的问题吗？ How to get distinct values from an array of objects in JavaScript?
您忘记提及您认为重复的内容。

标签： javascript reactjs ecmascript-6

【解决方案1】：

您可以检查数组中是否已经存在同名的人。一个更好的检查属性是电子邮件地址。

find 将回调函数作为参数。在这个函数中，我比较了名称属性。如果匹配，find 将返回 true，然后在下一行中提前返回并且不会添加此人。

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

【讨论】：

【解决方案2】：

如果你想对数组进行去重复...你可以这样做

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

【讨论】：

【解决方案3】：

这也行，有很多方法可以达到预期的结果。

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

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

【讨论】：

【解决方案4】：

Remove_Duplicate_recs(filteredRecord) {
var 记录 = [];
for（让过滤记录的记录） { const duplicate_recorde_exists = records.find(r => r.MovementId === 记录.MovementId); 如果（重复记录存在） {
继续 ; } 别的 { 记录.push（记录）； }
}

return records;

}

【讨论】：