對象比較報告

Question

javascript中的任何構建函數（或共享開源函數的人員）都可以比較兩個對象嗎？並獲得一份報告，說明添加，刪除了什麼，以及哪些鍵的值已更改？

基本例如：（我的真實情況有更多的嵌套/複雜的對象）

var o1 = {a: true, b: false, c: false, z: {a:false}} 
var o2 = {b:'hi', c:false, d: 5, z:{a:true,b:false}} 

所以比較O2到O1：

我希望輸出這樣的：

var changes = {a:{was:true,is_now:null}, b:{was:false,is_now:'hi'}, d:{was:null,is_now:5},z:{a:{was:false,is_now:true},b:{was:null,is_now:false}}} 

OR可能返回三個對象。

var keysAdded = ['d', 'z.b'] 
var keysRemoved = ['a']; 
var keyValPairOfChanges = {b:{was:false,is_now:true}, 'z.a':{was:false,is_now:true}} 

有什麼想法？ 謝謝！

Answer 1

這可能會讓你開始。

警告：這依賴於一個遞歸函數，其是固有的危險

注意：這並不考慮在對象2的新密鑰中不存在在加工對象物1

<script> 
var o = { 
    a : 'boo', 
    b : 'loo', 
    c : 'noo', 
    d : 'fa', 
    e : 'da', 
    f : 'la', 
    g : { 
     a : 'woo', 
     b : 'loo' 
    }, 
    h : { 
     a : { 
      a : false 
     }, 
     b : { 
      d : false 
     } 
    } 
} 
var o2 = { 
    a : 'boom', 
    b : 'loom', 
    c : 'noo', 
    d : 'fad', 
    e : 'dad', 
    f : 'lad', 
    g : { 
     a : 'woom', 
     b : 'loo' 
    }, 
    h : { 
     a : {}, 
    }, 
    g : false 
} 

function compare(o1, o2) {  
    function get_diff(ob1, ob2, k) { 
     var diff = {}; 
     k = k || ''; 
     for (var key in ob1) {    
      k = k + key; 
      if (typeof ob2 !== 'undefined' && typeof ob2 == 'object') { 
       if (typeof ob1[key] == "object") {     
        var t = get_diff(ob1[key], ob2[key], k);     
        if (t) { 
         diff[key] = t; 
        } 
       } else { 

        if (ob1[key] !== ob2[key]) { 
         diff[key] = { was : ob1[key], now : ob2[key] }; 
        } 
       } 
      } else { 
       if (typeof ob2 == 'undefined') { 
        diff[key] = {was : ob1[key], now : undefined};      
       } else { 
        diff[key] = {was : ob1[key], now : ob2}; 
       } 
      }   
     }   

     return diff;   
    } 

    return get_diff(o1, o2); 
} 

console.log(compare(o, o2)); 

</script> 

輸出：

{ 
    "a":{ 
     "was":"boo", 
     "now":"boom" 
    }, 
    "b":{ 
     "was":"loo", 
     "now":"loom" 
    }, 
    "d":{ 
     "was":"fa", 
     "now":"fad" 
    }, 
    "e":{ 
     "was":"da", 
     "now":"dad" 
    }, 
    "f":{ 
     "was":"la", 
     "now":"lad" 
    }, 
    "g":{ 
     "a":{ 
     "was":"poo", 
     "now":false 
     }, 
     "b":{ 
     "was":"loo", 
     "now":false 
     } 
    }, 
    "h":{ 
     "a":{ 
     "a":{ 
      "was":false, 
      "now":undefined 
     } 
     }, 
     "b":{ 
     "d":{ 
      "was":false 
      "now":undefined 
     } 
     } 
    } 
}