Json Diff补丁Javascript-extjs

Question

好吧，我竭尽全力解决我的问题，所以最终我最终在这里发布了一个问题

我想在https://neil.fraser.name/software/diff_match_patch/svn/trunk/demos/demo_diff.html下面的给定链接中显示这样的JSON差异

这是给定库https://code.google.com/p/google-diff-match-patch/的文档

任何人都知道如何使用Sencha Extjs来显示两个JSON对象之间的差异

Answer 1

您可能想看一下jsondiffpatch （免责声明：我是作者），

您可以在这里在线试用 ，仅需注意以下几点 ：

• 智能数组差异（使用LCS来检测添加/删除，并找到在数组中移动的项目）
• 这是非常可定制的，您甚至可以编写插件来更改diff / patch机制的任何部分
• 如果在图中的任意位置找到2个长字符串，它将使用您内部提到的Neil Fraser的lib来获取文本unidiff
• 多种格式化程序，html（在线演示中使用的一种），控制台，带注释的和现在的jsonpatch（RFC6902）

这应该适用于与框架无关的两个对象的区分/修补，如果ExtJS在对象上定义了特殊的私有属性，则可以通过指定propertyFilter忽略它们

Answer 2

https://www.npmjs.com/package/deep-diff

我们使用它-非常好-例如：

var diff = require('deep-diff').diff;

var lhs = {
    name: 'my object',
    description: 'it\'s an object!',
    details: {
        it: 'has',
        an: 'array',
        with: ['a', 'few', 'elements']
    }
};

var rhs = {
    name: 'updated object',
    description: 'it\'s an object!',
    details: {
        it: 'has',
        an: 'array',
        with: ['a', 'few', 'more', 'elements', { than: 'before' }]
    }
};

var differences = diff(lhs, rhs);