在JavaScript中如何对两个对象进行深度比较

本文链接：https://blog.csdn.net/qq_41629150/article/details/105289482

本文介绍了一个用于深度比较两个复杂对象是否完全相同的JavaScript算法。该算法首先检查对象类型，然后通过递归方式比较对象的每个属性，确保结构和值的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function recursiveComparison(objA, objB, flag) {
  for (let key in objA) {
      // 如果objA的key不存在objB中,比较结果为false
      if (!objB.hasOwnProperty(key)) flag = false;
      // 递归调用compareDeeply,进行比较
      flag = compareDeeply(objA[key], objB[key]);
      // 当每一次递归调用递归compareDeeply的结果为false时，跳出循环
      if (!flag) break;
  }
  return flag;
}

const utils = {
  isArray: (value) => Array.isArray(value),
  isObject: (value) => typeof (value) === "object",
  getLength: (value) => {
      if (utils.isArray(value)) return value.length;
      if (utils.isObject(value)) return Object.keys(value).length;
  }
}

function compareDeeply(objA, objB) {
  // 如果objA和objB的类型不全为Object,比较结果为两者严格相等===
  if (!utils.isObject(objA) || !utils.isObject(objB)) return objA === objB;
  // objA和objB都是Object，先判断类型是否全为Object或者Array
  if (objA.constructor !== objB.constructor) return false;
  // objA和objB都是Object,先比较两个obj的长度
  if (utils.getLength(objA) !== utils.getLength(objB)) return false;
  // 执行到此处时，说明要比较的两个对象的长度相等，类型为object / array
  return recursiveComparison(objA, objB, true);
}

export default compareDeeply;