react 过滤两个数组对象中相同字段值
时间: 2023-08-21 09:05:10 浏览: 184
js代码-通过某个字段状态为true,来控制显示,返回a为true的对象组成的数组
可以使用 Array.prototype.filter 方法来实现。
假设有两个数组 a 和 b,每个数组中都有一个对象,对象有一个共同的字段名为 "id",我们需要筛选出两个数组中 "id" 字段值相同的对象。
可以使用以下代码实现:
```
const a = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 3, name: 'Charlie'}];
const b = [{id: 2, age: 20}, {id: 3, age: 30}, {id: 4, age: 40}];
const result = a.filter(objA => b.some(objB => objA.id === objB.id));
console.log(result); // [{id: 2, name: 'Bob'}, {id: 3, name: 'Charlie'}]
```
上面的代码中,我们使用了 Array.prototype.filter 方法对数组 a 进行筛选,筛选条件是:使用 Array.prototype.some 方法判断数组 b 中是否存在一个对象的 "id" 字段值与当前正在遍历的 a 数组对象相同。如果存在,就将 a 数组对象保留下来。最后返回结果即可。
阅读全文