JS中判断两个对象是否相等

前段时间在学习如何封装 instanceof 函数的时候无意间想到了如何判断两个对象是否相等,尝试了一下自己封装了一个isEqual函数

JS对象在内存中的存储方式

在JS中,对象是引用数据类型,变量中存储的是其在堆中的内存地址,所以在用 ==,===运算符时,都是判断其内存地址是否相等,这样的话,就算两个对象中的所有键值都相等,用等号运算符的话也无法判断,思来想去,也只能用递归的方式来判断

// 简化代码 使用函数的方式判断是否为对象 且不为null
 isObject(obj) {
  return typeof obj === 'object' && obj !== null
}
function isEqual(obj1, obj2) {
  // 判断如果传入的不是对象类型的话 就直接返回两个值的比较
  if (!isObject(obj1) || !isObject(obj2)) {
    return obj1 === obj2
  }
  // 判断是否传入同一个对象
  if (obj1 === obj2) return true
  // 判断两个对象的键是否一致
  const K1 = Object.keys(obj1)
  const K2 = Object.keys(obj2)
  if (K1.length !== K2.length) return false

  // 递归遍历所有的键值对是否相等
  for (let key in obj1) {
    // 判断当前的key是否为其本身的属性 而不是原型上的属性 for-in循环是会将原型上所有的属性都遍历一遍
    if (obj1.hasOwnProperty(key)) {
      // 递归调用 看res的结果
      const res = isEqual(obj1[key], obj2[key])
      if (!res) {
        return false
      }
    }
    
  }
  return true
}

函数其实还有很大的改良和健壮的空间,只是本人学习一时兴起随手写的,如果有问题欢迎大家留言讨论