日常开发记录-js 数组对象比较

// 旧数组
let arr1 = [{id: 1, name: '张三', age: 22},  // 重复
            {id: 3, name: '赵六', age: 25}, // 删除
            {id: 6, name: '六六', age: 18}] // 修改 old
// 新数组
let arr2 = [
            {id: 1, name: '张三', age: 22},  // 重复
            {id: 4, name: '钱七', age: 26}, // 新增
            {id: 6, name: '六六liu', age: 18}] // 修改 new


// 目标数组
// [
//     { id: 1, name: '张三', age: 22, class: 'normal' },
//     { id: 6, name: '六六', age: 18, class: 'old' },
//     { id: 6, name: '六六liu', age: 18, class: 'new' },
//     { id: 3, name: '赵六', age: 25, class: 'old' },
//     { id: 4, name: '钱七', age: 26, class: 'new' }
//   ]
  



let newArr = []
let num1 = []
let num2 = []
// 拿出arr1中对象的全部id
arr1.forEach(item => {
    num1.push(item.id) 
})
// 拿出arr2中对象的全部id
arr2.forEach(item => {
    num2.push(item.id) 
})



arr1.forEach(item => {
    arr2.forEach(i => {
        // 筛选出重复的对象数据
        if (i.id == item.id && i.name == item.name && i.age == item.age) {
            newArr.push({...i, class: 'normal'});
        // 筛选出修改的对象数据
        }else if(i.id == item.id && (i.name != item.name || i.age != item.age)){
            newArr.push({...item, class: 'old'});
            newArr.push({...i, class: 'new'});  
        }
    })
})
// 筛选出删除的对象数据
arr1.forEach((item, i) => {
    if(!num2.includes(item.id)) {
        newArr.push({...item, class: 'old'})
    }
})
// 筛选出新增的对象数据
arr2.forEach((item, i) => {
    if(!num1.includes(item.id)){
        newArr.push({...item, class: 'new'})
    }
})



console.log(newArr)