js比较两个JSON对象，返回变化值

朱雀 2022-11-16 05:44 722阅读 0赞

## 废话不多说，直接上干货。 ##

let utils = {
          /**
          * 比较两个json（新json与老json）的不同,并返回 不同时的旧值(old_val)和新值(new_val)
          * @param {*} json1 老json
          * @param {*} json2 新json 
          */
          diff(json1, json2) {
            if (!json1 || this.isEmptyObject(json1) || !json2 || this.isEmptyObject(json2)) {
              return null;
            }
            let diffRes = {
              old_val: {},
              new_val: {}
            };
            for (let k in json2) {
              // 判断数据类型是否一致
              if (this.getTypeByObj(json2[k]) === this.getTypeByObj(json1[k])) {
                // 比较 “Array”和“Object”类型
                if (this.getTypeByObj(json2[k]) === 'Array' || this.getTypeByObj(json2[k]) === 'Object') {
                  const diffData = this.diff(json1[k], json2[k]);
                  if (!this.isEmptyObject(diffData)) {
                    diffRes.old_val[k] = diffData.old_val;
                    diffRes.new_val[k] = diffData.new_val;
                  }
                } else if (json1[k] !== json2[k]) { // 比较其他类型数据
                  diffRes.old_val[k] = json1[k];
                  diffRes.new_val[k] = json2[k];
                }
              } else {
                diffRes.old_val[k] = json1[k];
                diffRes.new_val[k] = json2[k];
              }
            }
            // 若没有变化，返回null
            if (this.isEmptyObject(diffRes.old_val) || this.isEmptyObject(diffRes.new_val)) {
              return null;
            }
            return diffRes;
          },
          /**
           * 获取数据类型
           * @param {*} obj 
           */
          getTypeByObj(obj) {
            return Object.prototype.toString.call(obj).match(/^\[object ([a-zA-Z]*)\]$/)[1];
          },
          /**
           * 判断是否是空对象
           * @param {*} obj 
           */
          isEmptyObject(obj) {
            for (var key in obj) {
              return false;
            };
            return true;
          }
        }
        let obj1 = {
          name: 'jack',
          age: 18,
          title: '这是标题',
          lv2: {
            tip: '这是二层提示',
            lv3: {
              noC: 'noC',
              msg: "这是三层msg"
            }
          }
        }
        let obj2 = {
          name: 'jack',
          age: 188,
          title: '这是标题1',
          lv2: {
            tip: '这是二层提示',
            lv3: {
              noC: 'noC',
              msg: "这是三层msg1"
            }
          },
          no: '这是obj1没有的'
        }
        console.log(utils.diff(obj1, obj2));
        /**
          {
            "old_val": {
              "age": 18,
              "title": "这是标题",
              "lv2": {
                "lv3": {
                  "msg": "这是三层msg"
                }
              }
            },
            "new_val": {
              "age": 188,
              "title":
                "这是标题1",
              "lv2":
              {
                "lv3":
                  { "msg": "这是三层msg1" }
              },
              "no": "这是obj1没有的"
            }
          }
        */

发表评论取消回复

表情：

评论列表（有 0 条评论，722人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 比较两个对象是否相等

this.storageData，this.form是对象因为对象是引用类型不能直接用== 我们可以先把对象变成字符串类型或者循环对象中

旧城等待，/ 2023年01月19日 07:23/ 0 赞/ 84 阅读

相关 JS比较两个对象数组的差异

后台传过来一个对象数组，vue渲染到页面中，然后修改了这个对象数组，可能是增删改了其中的某些对象。但是不是操作一下就发到后台去保存，而是只是前端页面在发生变化，最后点击提交按钮

矫情吗；*/ 2022年12月20日 02:16/ 0 赞/ 238 阅读

相关 Vue 比较两个对象里的值是否相同

有个取巧的方法 JSON.stringify一下，把对象转化为字符串 let r = JSON.stringify(this.RightDetail); l

向右看齐/ 2022年12月05日 13:55/ 0 赞/ 230 阅读

相关 js比较两个JSON对象，返回变化值

废话不多说，直接上干货。 let utils = { / 比较两个json（新json与老json）的不同,并返回不同

朱雀/ 2022年11月16日 05:44/ 0 赞/ 723 阅读

相关用jackson比较两个JSON对象

1.概述将使用Jackson-Java的JSON处理库，比较两个JSON对象。 2.使用Jackson比较两个JSON对象 2.1比较两个简单的JSON对象

阳光穿透心脏的1/2处/ 2022年11月13日 11:26/ 0 赞/ 271 阅读

相关比较两个对象中全部属性值是否相等

重写Bean\_Topology的equals方法和hashcode方法 @Override public boolean equals(Object o

阳光穿透心脏的1/2处/ 2022年09月14日 09:26/ 0 赞/ 264 阅读

相关【前端笔试】实现两个json对象的比较

便利蜂前端笔试题~ 让实现一个function，比较两个json格式的数据是否一致，我是用for of 去遍历，回来试了才知道for of 是不能遍历的对象的，应该用

忘是亡心i/ 2022年06月08日 05:41/ 0 赞/ 550 阅读

相关比较两个对象的值是否相等

方法一：遍历对象属性值 hasChange: false, compareForm(nowVal) { var oldVal = this.cop

港控/mmm°/ 2022年04月13日 12:52/ 0 赞/ 341 阅读

相关比较两个类的属性值并返回差异字段值

public class ContentChangeHelper { / 更新前对象obj1 和更新后对象obj2 比较

小灰灰/ 2021年11月09日 15:46/ 0 赞/ 372 阅读

相关 js比较两个对象是否相等

> 前言：如何判断两个对象是否相等？两个Object类型对象，即使拥有相同属性、相同值，当使用 == 或 === 进行比较时，也不认为他们相等。这就是因为他们是通过引用（内

快来打我*/ 2021年09月29日 06:46/ 0 赞/ 502 阅读