javascript - 搜索没有重复的数组 React.js

Question

这个问题已经有答案了:

Remove duplicate values from JS array [duplicate] (54 个回答)

已关闭 7 年前。

我有一个包含如下对象的数组:

arr = [
    {name: 'Igor', ....},
    {name: 'Anton', .... },
    {name: 'Igor', .... },
    {name: 'Peter', .... },
    {name: 'Igor', .... }
]

我需要从数组中获取所有名称，不要重复。我尝试看起来像这样

var names = [];
arr.forEach((item) => {
  if (!names.some(val => val === item)) {
    names.push(item.name);
  }
}

但我得到了所有名称，包括重复的名称

更新:我正在使用 React如果我只推names.push(item.name);为了排列一切正常，我得到 array [Igor, Anton, Peter] 。但!如果我推送这样的项目:

chat.forEach((item) => {
  if (names.indexOf(item.name) === -1) 
    names.push(<UserItem name={item.name} />);
});

我得到包含 5 个 li 元素的数组:Igor、Anton、Igor、Peter、Igor。这不是重复的问题!

Answer 1

关闭，您只需检查数组是否有重复

var names = [];

arr.forEach(function(obj) {
    if (names.indexOf(obj.name) === -1) names.push(obj.name);
});

var template = names.map(function(name) {
    return <UserItem name={name} />;
});

或

arr.forEach( v => names.indexOf(v.name) === -1 ? names.push(v.name) : null);