比较两数组差异(Diff Two Arrays)(增删改)

Question

也可理解为是将两个数组拆分成三个数组：

已知一个学生列表oldlist，经过增删改后得到newlist.
最终对比得到以下三个数组：

edit：被编辑的学生
dele：被删除的学生
add： 新增的学生

function diff(arr1, arr2) {
    var dd = {};
    // Same, same; but different.
    return dd;
}

例如

const oldData=[{ id: 1, name: '小明'},{ id: 2, name: '小直' },{ id: 3, name: '小信' }]
const newData=[{ id: 1, name: '小明'},{ id: 2, name: '小奈' },{ id: 6, name: '小夜' }]

const dd = diff(oldData, newData)
console.log(dd) // { edit: [{ id: 2, name: '小奈' }], dele: [{ id: 3, name: '小信' }], add: [{ id: 6, name: '小夜' }]}

Answer 1

前提假设：在同一组数据中，id 唯一
详细解释请看注释

function diff(oldData, newData) {
    // id 只在 newData 中存在且不在 oldData 中存在的即为 add
    const add = newData.filter(e => !oldData.find(c => c.id === e.id));
    // id 只在 oldData 中存在且不在 newData 中存在的即为 dele
    const dele = oldData.filter(e => !newData.find(c => c.id === e.id));
    // id 在 oldData 中和 newData 中都存在且 name 的值不同，即为 edit
    const edit = newData.filter(e => {
        let found = oldData.find(c => c.id === e.id);
        return found && found.name !== e.name
    });

    return { add, dele, edit };
}

运行结果：

Answer 2

const diff = (o, n) => { const r = { edit: [], add: n.filter(i => !o.find(q => q.id === i.id)), dele: []}; o.forEach(i => { const m = n.find(q => q.id === i.id); m ? JSON.stringify(i) === JSON.stringify(m) ? null : r.edit.push(m) : r.delete.push(i)}); return r; }