js对两个数组下的对象进行比较(相同或者差异)

他在时间门外

已于 2023-02-08 16:45:35 修改

阅读量2.7k

点赞数 3

文章标签： javascript 前端 vue.js

于 2023-02-08 16:42:50 首次发布

本文链接：https://blog.csdn.net/H_jrqn/article/details/128938379

版权

该文讲述了如何使用JavaScript的Array方法filter和some来比较两个数组中对象的属性值。首先，通过filter和some找出pageList.value和configList.value中具有相同optModeId的对象。接着，使用同样的逻辑，但取反操作，找出multipleSelection.value中不存在于pageList.value的对象。

摘要由CSDN通过智能技术生成

对两个数组下的对象进行比较(相同或者差异)

1.获取相同的数据

例：
请添加图片描述

pageList.value = configList.value.filter((x) =>
        optModeList.value.some((i) => i.optModeId == x.optModeId)
      );

      console.log("configList.value", configList.value);
      console.log("optModeList.value", optModeList.value);
      console.log("pageList.value", pageList.value);

请添加图片描述

2.获取不同的数据

请添加图片描述

console.log("multipleSelectionBegin", multipleSelection.value);
  console.log("pageList.value", pageList.value);

  multipleSelection.value = multipleSelection.value.filter(
    (x) => !pageList.value.some((i) => i.optModeId == x.optModeId)
  );
  console.log("multipleSelectionEnd", multipleSelection.value);

请添加图片描述