JS比较前后两个数组对象的差异

关注

原创 2023-03-07 13:41:00 1.4k 阅读 AI 写同款· GEO 优化 ›

两个数组对象进行比较&&两个数组进行比较数组对象取出不同值方法一： let array1 = [ {"name": "哆啦" },{"name": "莓莓" }]; let array2 = [ {"name": "哆啦","date": "2019-03" }, {"name": "莓莓","date": "2020-04"}, {"name": "布尔" ,"date": "2020-06"}]; let result = []; for(let i = 0; i < array2.length; 阅读详情

比较前后两个数组对象的差异

js比较前后两个数组对象的差异，比如是添加了什么数据或者删除了什么数据。

// 两个数组对象中有相同的键如 id
// 其中, oldData为初始数据, newData为当前数据
const getChangeData = (oldData, newData) => {
  let delData = oldData.filter(
    (item2) => !newData.some((item1) => item2?.id === item1?.id)
  );
  let addData = newData.filter(
    (item2) => !oldData.some((item1) => item2?.id === item1?.id)
  );
  let changeData = {
    delData,
    addData,
  };
  return changeData;

let data01 = [
  {
    id: 1,
    type: "直尺",
    price: 2,
  },
  {
    id: 2,
    type: "直尺",
    price: 3,
  },
  {
    id: 3,
    type: "直尺",
    price: 4,
  },
  {
    id: 4,
    type: "直尺",
    price: 5,
  },
];
let data02 = [
  {
    id: 2,
    type: "直尺",
    price: 3,
  },
  {
    id: 5,
    type: "文具盒",
    price: 10,
  },
  {
    id: 6,
    type: "铅笔",
    price: 2,
  },
];
}
const a = getChangeData(data01, data02);
console.log(a);

输出：
{
delData: [
{ id: 1, type: ‘直尺’, price: 2 },
{ id: 3, type: ‘直尺’, price: 4 },
{ id: 4, type: ‘直尺’, price: 5 }
],
addData: [
{ id: 5, type: ‘文具盒’, price: 10 },
{ id: 6, type: ‘铅笔’, price: 2 }
]
}