【JavaScript】复杂对象数组比较，收集不相等的对象

const arr = [
  { x: 0, y: 0, w: 4, h: 6, i: "ztqk", static: false, cmp: "Ztqk" },
  { x: 0, y: 1, w: 4, h: 6, i: "xmtzzcqk", static: false, cmp: "Xmtzzcqk" },
  { x: 0, y: 1, w: 4, h: 6, i: "xmtzzcqkAdcd", static: false, cmp: "XmtzzcqkAdcd" },
  { x: 0, y: 2, w: 4, h: 5, i: "xmtzwcqk", static: false, cmp: "Xmtzwcqk" },
  { x: 0, y: 2, w: 4, h: 5, i: "xmtzwcqkAdcd", static: false, cmp: "XmtzwcqkAdcd" },
  { x: 4, y: 0, w: 10, h: 12, i: "piemap", static: false, cmp: "Map" },
  { x: 4, y: 2, w: 10, h: 5, i: "zlcsssqk", static: false, cmp: "Zlcsssqk" },
  { x: 14, y: 0, w: 4, h: 5, i: "xmjdfb", static: false, cmp: "Xmjdfb" },
  { x: 14, y: 0, w: 4, h: 5, i: "xmjdfbAdcd", static: false, cmp: "XmjdfbAdcd" },
  { x: 14, y: 1, w: 4, h: 7, i: "xxhjg", static: false, cmp: "Xxhjg" },
  { x: 14, y: 1, w: 4, h: 7, i: "xxhjgTuban", static: false, cmp: "XxhjgTuban" },
  { x: 14, y: 2, w: 4, h: 5, i: "zlmjwcqk", static: false, cmp: "Zlmjwcqk" },
  { x: 14, y: 2, w: 4, h: 5, i: "zlmjwcqkAdcd", static: false, cmp: "ZlmjwcqkAdcd" },
]

const arr1 = [
  { x: 0, y: 0, w: 4, h: 6, i: "ztqk", static: false, cmp: "Ztqk" },
  { x: 0, y: 1, w: 4, h: 6, i: "xmtzzcqk", static: false, cmp: "Xmtzzcqk" },
  { x: 0, y: 2, w: 4, h: 5, i: "xmtzwcqk", static: false, cmp: "Xmtzwcqk" },
  { x: 4, y: 0, w: 10, h: 12, i: "piemap", static: false, cmp: "Map" },
  { x: 4, y: 2, w: 10, h: 5, i: "zlcsssqk", static: false, cmp: "Zlcsssqk" },
  { x: 14, y: 0, w: 4, h: 5, i: "xmjdfb", static: false, cmp: "Xmjdfb" },
  { x: 14, y: 1, w: 4, h: 7, i: "xxhjg", static: false, cmp: "Xxhjg" },
  { x: 14, y: 2, w: 4, h: 5, i: "zlmjwcqk", static: false, cmp: "Zlmjwcqk"},
]

let obj = {}

for (let key of arr1) {
  obj[`${key.i}`] = '123'
}

for (let key of arr) {
  if (obj[key.i] !== '123') {
    console.log(key)
  }
}

关键分析：
1.arr1 ∈ arr
2.遍历arr1，将每项的id设置为对象的key
3.遍历arr，输入没有值的项