jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery函数来计算两个JavaScript对象之间的差异大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个丰富的基于AJAX的Web应用程序,使用JQuery Knockout.我有一个JQuery插件包装我的Knockout视图模型以公开的实用程序方法,如.reset(),.isDirty()等等.

我有一个名为.setBaseline()的方法,一旦填充了数据模型(通过映射插件),它将基本上占用数据模型的快照.然后我可以使用此快照快速确定模型是否已更改.

我正在寻找的是某种通用功能,可以返回一个对象,表示两个JavaScript对象之间的差异,其中一个对象被认为是主对象.

例如,假设这是我的快照:

var snapShot = {
  name: "Joe",address: "123 Main Street",age: 30,favoriteColorPriority: {
     yellow: 1,pink: 2,blue: 3
  }
};

然后假设实时数据如下所示:

var liveData = {
    name: "Joseph",favoriteColorPriority: {
        yellow: 1,pink: 3,blue: 2
    }
};

我想要一个.getChanges(snapShot,liveData)效用函数返回以下内容

var differences = {
    name: "Joseph",favoriteColorPriority: {
        pink: 3,blue: 2
    }
};

我希望_.underscore库可能有这样的东西,但是我找不到像这样的东西.

解决方法

我不认为下划线有这样的功能,但很容易实现自己:
function getChanges(prev,Now) {
    var changes = {};
    for (var prop in Now) {
        if (!prev || prev[prop] !== Now[prop]) {
            if (typeof Now[prop] == "object") {
                var c = getChanges(prev[prop],Now[prop]);
                if (! _.isEmpty(C) ) // underscore
                    changes[prop] = c;
            } else {
                changes[prop] = Now[prop];
            }
        }
    }
    return changes;
}

要么

function getChanges(prev,Now) {
    var changes = {},prop,pc;
    for (prop in Now) {
        if (!prev || prev[prop] !== Now[prop]) {
            if (typeof Now[prop] == "object") {
                if(c = getChanges(prev[prop],Now[prop]))
                    changes[prop] = c;
            } else {
                changes[prop] = Now[prop];
            }
        }
    }
    for (prop in changes)
        return changes;
    return false; // false when unchanged
}

这不适用于Arrays(或任何其他非plain对象)或不同结构的对象(删除,原始对象类型更改).

大佬总结

以上是大佬教程为你收集整理的jQuery函数来计算两个JavaScript对象之间的差异全部内容,希望文章能够帮你解决jQuery函数来计算两个JavaScript对象之间的差异所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。