道場mixin兩個陣列如何？

Question

我有以下情況：

我有一個變量數組這樣的：

[ 
    { 
     id: "foo", 
     value: "bar" 
    }, 
    { 
     id: "baz", 
     value: "buz" 
    } 
] 

和我有一個缺省值陣列是這樣的：

[ 
    { 
     id: "foo", 
     value: "default" 
    }, 
    { 
     id: "bar", 
     value: "default" 
    }, 
    { 
     id: "baz", 
     value: "default" 
    } 
] 

我想這兩個陣列比較並通過將缺少的默認值添加到第一個數組中將它們混合在一起。

這就是我想要的輸出：

[ 
    { 
     id: "foo", 
     value: "bar" // keep unchanged because it was already there 
    }, 
    { 
     id: "bar", 
     value: "default" // use the default because it was not in there 
    }, 
    { 
     id: "baz", 
     value: "buz" // also keep because it was already in the first array 
    } 
] 

什麼是實現這一目標的最好方法是什麼？謝謝你的幫助！

Answer 1

如何解決這個問題的方法之一是將第二個數組與第一個數組中相同的id進行過濾，並將其連接到一個對象數組中。

var arr1=[{id:"foo",value:"bar"},{id:"baz",value:"buz"}], 
 
    arr2=[{id:"foo",value:"default"},{id:"bar",value:"default"},{id:"baz",value:"default"}]; 
 

 
    var arr3 = arr2.filter(v => arr1.every(c => c.id != v.id)); 
 
    console.log([...arr1, ...arr3]);

Answer 2

嗯，這是直接不可能通過使用道場 - lang.mixin ..因爲混入基本上與對象數組的JSON對象istead（你的情況）的交易。

解決方案 -我剛剛寫了一個JavaScript函數，它將返回合併數組。

var baseArray = [{ 
 
      id: "foo", 
 
      value: "bar" 
 
     }, 
 
     { 
 
      id: "baz", 
 
      value: "buz" 
 
     }, 
 
     { 
 
      key: "key", 
 
      value: "value" 
 
     } 
 
    ]; 
 

 
    var defaultArray = [{ 
 
      id: "foo", 
 
      value: "default" 
 
     }, 
 
     { 
 
      id: "bar", 
 
      value: "default" 
 
     }, 
 
     { 
 
      id: "baz", 
 
      value: "default" 
 
     } 
 
    ]; 
 

 
var result = _mixinArrays(baseArray , defaultArray); 
 
console.log(result); 
 

 
function _mixinArrays(a, b){ 
 
    for (var i = 0; i < b.length; i++) { 
 
     var matched = false; 
 
     for (var j = 0; j < a.length; j++) { 
 
      if (b[i].id == a[j].id) {    
 
       matched = true; 
 
      } 
 
     } 
 
     if (!matched) { 
 
      a.push(b[i]); 
 
     } 
 
    } 
 
    return a; 
 
}

希望這將幫助你:)