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);