js新旧数组ids集合对比，拿到更新项、新增项、删除项

原创于 2023-10-20 09:49:13 发布 · 336 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

本文介绍了如何使用JavaScript处理默认用户数据（defaultUserData），通过计算新旧userId的交集、差集来实现数据的增删操作，包括updateIds（更新项）、addIds（新增项）和delIds（删除项）。

let oldIds = defalutUserData.map((el) => el.userId);
  // 更新项 》 新、旧id 交集
let updateIds = oldIds.filter((el) => ids.includes(el));
  //  新增项 》 排除交集之外的项
let addIds = ids.filter((el) => !updateIds.includes(el));
  // 删除项 》 新、旧id 差集
let delIds = oldIds.filter((el) => !ids.includes(el));