与Angular中的对象数组和update key进行比较

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]。已选更新为true?

Answer 1

这里，我试图循环listone并检查listtwo中是否有这样的键，如果有的话，使listone的选定属性为true

这是在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);

'result'应该是一个包含一个元素的数组，即匹配的部分(例如:, '一').

Answer 3

查看lodash _。一些(https://lodash.com/docs/4.16.6)

否则你可以循环遍历数组，JSON。对每个对象进行字符串化并检查是否相等，如下所示:

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