與對象數組和角度更新鍵比較

Question

如何比較兩個對象數組並在兩個數組中存在對象時更新一個鍵？

$scope.listOne = [ 
    {id: 1, selected: false}, 
    {id: 2, selected: false}, 
    {id: 3, selected: false} 
]; 

$scope.listTwo = [ 
    {id: 4, color: orange}, 
    {id: 5, color: blue}, 
    {id: 2, color: green} 
]; 

使用上述對象，我如何比較它們並將listOne [1] .selected更新爲true？

Answer 1

在這裏，我想循環通過listone並檢查是否有這樣的密鑰在listtwo如果這樣做那麼listOne的selected屬性爲true

這在vanila的JavaScript

var listOne = [{ 
 
    id: 1, 
 
    selected: false 
 
}, { 
 
    id: 2, 
 
    selected: false 
 
}, { 
 
    id: 3, 
 
    selected: false 
 
}]; 
 

 
var listTwo = [{ 
 
    id: 4, 
 
    color: "orange" 
 
}, { 
 
    id: 5, 
 
    color: "blue" 
 
}, { 
 
    id: 2, 
 
    color: "green" 
 
}]; 
 

 

 

 
angular.forEach(listOne, function(value) { 
 
    for (var key in listTwo) { 
 
    if (listTwo[key]["id"] == value.id) { 
 
     value.selected = true; 
 
    } 
 
    } 
 
}); 
 
console.log(listOne);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

希望這有助於

Answer 2

我跳轉到心首先想到的是使用lodash函數：

let a = [{ id: 1, selected: false }]; 
let b = [{ id: 1, selected: false }, { id: 2, selected: true }]; 
let result = _.intersectionWith(a, b, _.isEqual); 

「結果」應與一個元素的數組，那部分匹配（即，「A」。）。

Answer 3

查找到lodash _.some（https://lodash.com/docs/4.16.6#some）

否則，您可以通過數組循環，JSON.stringify每個對象和檢查平等這樣像這樣的回答：

Object comparison in JavaScript

Answer 4

在只是簡單的Javascript：

$scope.listOne.filter(function(item) { 
    return !!$scope.listTwo.find(function(innerItem) { 
     innerItem.id == item.id; 
    }); 
}) 
.forEach(function(item) { 
    item.selected = true; 
});