JS判断两个复杂变量是否相等—递归🥰

前言

JS中判断两个变量是否相等，是我们经常遇到的问题。今天我要探讨的问题是如何优雅的比较复杂变量。

• JS中比较变量相等的原生方法
  • ==和=== (建议都使用===，因为==造成类型隐形转换)
  • Object.is(value1, value2)
  • value.toString()
  • ...等等一些方法

以上的方法都只能比较简单变量，无法比较引用类型变量（如Array,Object)。如何优雅判断复杂变量是否相等？ 不多废话，直接上代码。

function isObject(obj) {
  return typeof obj === 'object' && obj !== null
}

function isEqual(a, b) {
  if (a === b) return true
  var isObjectA = isObject(a)
  var isObjectB = isObject(b)
  if (isObjectA && isObjectB) {
    try {
      var isArrayA = Array.isArray(a)
      var isArrayB = Array.isArray(b)
      if (isArrayA && isArrayB) { // a b都是数组
        return a.length === b.length && a.every((el, index) => isEqual(el, b[index]))
      } else if (a instanceof Date && b instanceof Date) { // a b都是Date对象
        return a.getTime() === b.getTime()
      } else if (!isArrayA && !isArrayB) { // 此时a b都是纯对象
        var keyA = Object.keys(a)
        var keyB = Object.keys(b)
        return keyA.length === keyB.length && keyA.every(key => isEqual(a[key], b[key]))
      } else {
        return false
      }
    } catch (e) {
      console.log(e)
      return false
    }
  } else if (!isObjectA && !isObjectB) { // a b 可能是string，number，boolean，undefined中的一种
    return String(a) === String(b)
  } else {
    return false
  }
}

这个isEqual函数可以判断绝大部分复杂对象 （除了对象中有函数的）

本人是刚入前端的新人。如有错误，烦请指正

永远不要抛弃理想， 在前端这条路上，冲吧！