zoukankan      html  css  js  c++  java
  • JavaScript判断两个对象内容是否相等

    ES6中有一个方法判断两个对象是否相等,这个方法判断是两个对象引用地址是否一致

    let obj1= {
        a: 1
      }
      let obj2 = {
        a: 1
      }
    console.log(Object.is(obj1, obj2)) // false
    
    let obj3 = obj1
    console.log(Object.is(obj1, obj3)) // true

    console.log(Object.is(obj2, obj3)) // false
    
    

    当需求是比较两个对象内容是否一致时就没用了。

    想要比较两个对象内容是否一致,思路是要遍历对象的所有键名和键值是否都一致:

    1、判断两个对象是否指向同一内存

    2、使用Object.getOwnPropertyNames获取对象所有键名数组

    3、判断两个对象的键名数组是否相等

    4、遍历键名,判断键值是否都相等

      let obj1 = {
        a: 1,
        b: {
          c: 2
        }
      }
      let obj2 = {
        b: {
          c: 3
        },
        a: 1
      }
      function isObjectValueEqual(a, b) {
        // 判断两个对象是否指向同一内存,指向同一内存返回true
        if (a === b) return true
        // 获取两个对象键值数组
        let aProps = Object.getOwnPropertyNames(a)
        let bProps = Object.getOwnPropertyNames(b)
        // 判断两个对象键值数组长度是否一致,不一致返回false
        if (aProps.length !== bProps.length) return false
        // 遍历对象的键值
        for (let prop in a) {
          // 判断a的键值,在b中是否存在,不存在,返回false
          if (b.hasOwnProperty(prop)) {
            // 判断a的键值是否为对象,是则递归,不是对象直接判断键值是否相等,不相等返回false
            if (typeof a[prop] === 'object') {
              if (!isObjectValueEqual(a[prop], b[prop])) return false
            } else if (a[prop] !== b[prop]) {
              return false
            }
          } else {
            return false
          }
        }
        return true
      }
      console.log(isObjectValueEqual(obj1, obj2))  // false
  • 相关阅读:
    误删本地分支,两天的工作量差点毁于一旦,使用git reflog 有惊无险恢复
    单点登录SSO
    IdentityServer4介绍和使用
    常见的远程无线通信技术
    4G模块和DTU模块有何区别
    以太网IO控制器
    什么是无线网关,无线网关的功能
    什么是IOT网关,网关功能有哪些
    Modbus RTU和Modbus TCP的两种区别
    数据采集网关设备 如何选择数据采集网关
  • 原文地址:https://www.cnblogs.com/chenmeijiao/p/12165677.html
Copyright © 2011-2022 走看看