發現陣列之間的差異，並更新

Question

我想知道，什麼是一個辦法比較兩個數組，最有效的方法：

1. 發現從數組A缺少的對象相比，B陣列，並增加了他們反對A;
2. 如果從一個目的是從對象B不同，它更新

任何想法的屬性（由屬性「ID」識別的對象）？

Answer 1

通常情況下，最有效的方法是本地方法，所以這樣的事情應該執行得很好：

console.clear(); 
 

 
var one = ['a', 'b', 'c', 'd', 'e', 'f', 'g']; 
 
var two = ['a', 'b', 'c', 'e', 'g']; 
 

 
function insertMissing(insertTo, insertFrom) { 
 
\t insertFrom.filter(function (from) { 
 
\t \t return insertTo.some(function (too) { 
 
\t \t \t return too === from 
 
\t \t }) == false; 
 
\t }).forEach(function (el) { 
 
\t \t insertTo.push(el); 
 
\t }) 
 
} 
 
insertMissing(two, one); 
 

 
console.log(one, two);

我需要知道確切的對象標記知道該怎麼匹配，但這表明了基礎知識。

下面是一個片段與對象展示它：

console.clear(); 
 

 
var one = [{ 
 
\t \t 'id' : 'a' 
 
\t }, { 
 
\t \t 'id' : 'b' 
 
\t }, { 
 
\t \t 'id' : 'c' 
 
\t }, { 
 
\t \t 'id' : 'd' 
 
\t }, { 
 
\t \t 'id' : 'e' 
 
\t }, { 
 
\t \t 'id' : 'f' 
 
\t }, { 
 
\t \t 'id' : 'g' 
 
\t } 
 
]; 
 
var two = [{ 
 
\t \t 'id' : 'a' 
 
\t }, { 
 
\t \t 'id' : 'b' 
 
\t }, { 
 
\t \t 'id' : 'c' 
 
\t }, { 
 
\t \t 'id' : 'e' 
 
\t }, { 
 
\t \t 'id' : 'g' 
 
\t } 
 
]; 
 

 
function insertMissing(insertTo, insertFrom) { 
 
\t insertFrom.filter(function (from) { 
 
\t \t return insertTo.some(function (too) { 
 
\t \t \t return too.id === from.id 
 
\t \t }) == false; 
 
\t }).forEach(function (el) { 
 
\t \t insertTo.push(el); 
 
\t }) 
 
} 
 
insertMissing(two, one); 
 

 
console.log(one); 
 
console.log(two);

最後，這將覆蓋對象的屬性版本：

console.clear(); 
 

 
var one=[{'id':'a','value':1},{'id':'b','value':1},{'id':'c','value':1},{'id':'d','value':1},{'id':'e','value':3},{'id':'f','value':1},{'id':'g','value':1}]; 
 
var two=[{'id':'a','value':1},{'id':'b','value':1},{'id':'c','value':1},{'id':'e','value':1},{'id':'g','value':1}]; 
 

 
function insertMissing(insertTo, insertFrom) { 
 
\t //Validate existing elements 
 
\t insertTo.forEach(function (too) { 
 
\t \t var from; 
 
\t \t insertFrom.forEach(function (f, index) { 
 
\t \t \t if (f.id == too.id && typeof from == 'undefined') { 
 
\t \t \t \t from = index; 
 
\t \t \t } 
 
\t \t }); 
 
\t \t if (typeof from == "number") { 
 
\t \t \t for (var i in insertFrom[from]) { 
 
\t \t \t \t if (insertFrom[from].hasOwnProperty(i)) { 
 
\t \t \t \t \t if (insertFrom[from][i] !== too[i]) { 
 
\t \t \t \t \t \t too[i] = insertFrom[from][i]; 
 
\t \t \t \t \t } 
 
\t \t \t \t } 
 
\t \t \t } 
 
\t \t } 
 
\t }); 
 
\t //Insert missing elements 
 
\t insertFrom.filter(function (from) { 
 
\t \t return insertTo.some(function (too) { 
 
\t \t \t return too.id === from.id 
 
\t \t }) == false; 
 
\t }).forEach(function (el) { 
 
\t \t insertTo.push(el); 
 
\t }) 
 
} 
 
insertMissing(two, one); 
 

 
console.log(one); 
 
console.log(two);