使用lodash比较两个json数组的差异

关注

原创 2022-03-18 13:48:34 2.2k 阅读 AI 写同款· GEO 优化 ›

JavaScript数组深度比较：从引用类型到生产级解决方案在JavaScript开发中，对象和数组作为引用类型，其相等性判断是基础且关键的操作。引用比较（===）仅检查内存地址，无法判断内容一致性，这引出了深度比较的需求。深度比较的原理在于递归遍历数据结构，逐层对比每个元素的值，对于处理嵌套对象、数组以及特殊值（如NaN、±0）至关重要。这项技术的价值在于确保状态管理、数据验证和测试断言等场景的准确性，避免因浅层比较导致的逻辑错误。在实际应用中，开发者常借助Lodash的_.isEqual等成熟工具库，它们已优化处理循环引用和各种内置对象，是工程实践中的首选。本文阅读详情

#使用lodash比较两个json数组的差异
在使用jqgrid的本地数据模式时，需要实现本地数据的增删改功能，保存数据时就需要对原始的json数组和最新的json数组作比较，此时可以使用lodash.js的比较方法。

注意：引用lodash时，需要引用lodash.js,不能引用lodash.core.js,因为后者不包含本文中所使用的方法

具体方法如下：
假如object包含两个属性，varName和varValue,在比较时，只要varName相同则标识两个object相同，此时使用_.differenceWith(arr1,arr2,comparer)方法即可，该方法返回arr1中存在而arr2中不存在的object，返回值是一个新的数组：

    var c1Arr = [{
        varName: 'city',
        varValue: 'cccccccc'
    }, {
        varName: 'country',
        varValue: 'dddddddd'
    }]
    
    var c2Arr = [{
        varName: 'abc',
        varValue: 'aaa'
    }, {
        varName: 'city',
        varValue: 'cccccccc'
    }, {
        varName: 'country',
        varValue: 'dddddddd'
    }]

    var dArr = _.differenceWith(c2Arr, c1Arr,function(x,y){
      x.varName==y.varName&&x.varValue==y.varValue
     });

如果是需要比较所有属性，则直接使用_.differenceWith(c2Arr, c1Arr, _.isEqual)即可

收录于