JavaScript实现对象全相等判断-白红宇

JavaScript实现对象全相等判断

阅读量：493 次

发布时间：2019-03-07

本文共 1330 字，大约阅读时间需要 4 分钟。


   
   
   
话不多说直接上代码
   
function isObject(obj) {
  // 判断是否为对象
  return typeof obj === 'object'
}
function isEqual(obj1, obj2) {
  // 判断两个对象是否相等
  if (!isObject(obj1) || !isObject(obj2)) {
    // 如果不是对象，直接比较是否为相同引用
    return obj1 === obj2
  }
  if (obj1 === obj2) {
    // 如果两个对象是同一个引用，直接返回true
    return true
  }
  // 检查两个对象的键数量是否一致
  if (Object.keys(obj1).length !== Object.keys(obj2).length) {
    return false
  }
  // 递归比较每一个键对应的值
  for (let key in obj1) {
    if (!isEqual(obj1[key], obj2[key])) {
      return false
    }
  }
  return true
}
   
 
   
   
上面代码提供了两个作用于对象的判断函数：isObject和isEqual。
核心模块解析
首先来看isObject函数。这个函数的主要作用是判断输入的值是否为对象类型。通常在JavaScript中，可以通过typeof操作符来进行类型检查。值得注意的是，typeof在判断数组时会返回'object'，因此在需要区分数组和对象时，该函数可能需要额外的逻辑补充。但是在本次示例中，直接判断是否是对象已经足够满足需求。
isEqual函数核心逻辑1：同一对象判断
isEqual函数的主要工作是判断两个对象是否相等。在判断对象是否相等之前，首先需要确认两个输入参数是否都为对象。由于JavaScript的类型系统不区分数组和对象（都会返回'typeof'为'object'），所以在处理数组时需要特殊处理。这里我们的函数仍然只针对普通对象进行操作，以避免与数组等其他对象类型的冲突。
isEqual函数核心逻辑2：深度比较
假设两个输入参数都是对象。第一个判断是如果两个对象是同一个对象引用，那么直接返回true，这样可以避免重复比较同一个对象带来的性能开销。否则，接下来进行键的数量比较。这一步的目的是为了快速确定两个对象总共有多少键，如果键的数量不同，直接返回false。如果键的数量相同，再进入逐键比较。
对象比较的关键点总结
递归比较键对应值，这保证了比较是彻底的，能够处理多层嵌套的对象结构。这个设计使得函数不仅能处理简单对象，还能适用于复杂对象结构中的嵌套对象比较。另外，键的顺序不影响比较结果，这符合标准的对象比较逻辑。需要注意的是，使用Object.keys获取键的顺序是按键字典序排列的，这对于某些情况可能存在影响，但总体来说是可接受的比较方式。
以上函数的组合使用，可以有效的实现对对象的深度比较，适用于渲染优化、数据校验、版本控制等多种场景。