前端数组含有很多拥有id的数据根据一个新数组返回的id去筛选
时间: 2023-11-22 12:54:33 浏览: 70
js代码-通过某个字段状态为true,来控制显示,返回a为true的对象组成的数组
可以使用数组的 `filter` 方法来实现筛选操作,具体步骤如下:
1. 对于前端数组,使用 `filter` 方法过滤符合条件的数据。
2. 在 `filter` 方法中,使用 `includes` 方法判断当前数据的 id 是否在新数组中。
3. 返回符合条件的数据集合。
示例代码如下:
```javascript
const oldArray = [
{ id: 1, name: 'apple' },
{ id: 2, name: 'banana' },
{ id: 3, name: 'orange' },
{ id: 4, name: 'grape' },
];
const newArray = [2, 4];
const filteredArray = oldArray.filter(item => newArray.includes(item.id));
console.log(filteredArray); // [{ id: 2, name: 'banana' }, { id: 4, name: 'grape' }]
```
以上代码中,`oldArray` 是原始数组,`newArray` 是新数组,我们需要根据新数组中的 id 值来筛选原始数组中的数据。最终得到的 `filteredArray` 就是符合条件的数据集合。
阅读全文