我有一个丰富的基于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对象)或不同结构的对象(删除,原始对象类型更改).
原文地址:https://www.jb51.cc/jquery/180188.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。