react中如何对一个数组根据某个字段进行筛选去重

可以使用JavaScript中的reduce方法来实现。具体步骤如下：

1. 使用reduce方法遍历数组，判断当前元素对应的字段是否已经存在于结果数组中。

2. 如果不存在，则将当前元素添加到结果数组中。

下面是一个示例代码：

const data = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'John' },
  { id: 4, name: 'David' },
  { id: 5, name: 'Jane' },
];

const filteredData = data.reduce((acc, cur) => {
  const isExist = acc.find(item => item.name === cur.name);
  if (!isExist) {
    acc.push(cur);
  }
  return acc;
}, []);

console.log(filteredData); // [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 4, name: 'David' }]

在上面的代码中，我们根据`name`字段来进行筛选去重。最终得到的结果是一个新的数组，其中每个元素的`name`字段都是唯一的。

相关问题

react 数组去重

React 是一个 JavaScript 库，主要用于构建用户界面。React 本身并没有提供数组去重的功能，但是可以利用 JavaScript 中的 Set 来实现数组去重。

Set 是 ES6 中新增的一种数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。因此，可以使用 Set 来实现数组去重。

以下是使用 Set 实现数组去重的代码示例：

const arr = [1, 2, 3, 1, 2, 4];
const newArr = Array.from(new Set(arr));
console.log(newArr); // [1, 2, 3, 4]

这里先使用 Set 对数组进行去重，然后再使用 Array.from 将 Set 转换为数组。