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
  • 相关阅读:
    现代程序设计——homework-01
    数据结构 学习笔记03——栈与队列
    MCI 函数与命令
    mciSendString用法
    VC6.0 error LNK2001: unresolved external symbol _main解决办法
    数据结构 学习笔记02——线性表
    数据结构 学习笔记01
    《windows程序设计》学习_4:文本输出,加滚动条
    浅析指针(pointer)与引用(reference)
    指针数组 | 数组指针
  • 原文地址:https://www.cnblogs.com/chenmeijiao/p/12165677.html
Copyright © 2011-2022 走看看