对象的过滤器数组通过属性[AngularJS]删除重复项

Question

I have $scope.notys array in my controller and ng-repeat :

<li ng-repeat="x in notys" class="item js-item">
...

From my controller I push data into array like this:

$scope.notys.push(data);

Every data have uniques id property data.id

Question is how can I update/replace object where property is same with last data.id which comes from ajax?

So I need to do something like this:

1. Get data from ajax

2. Now have data.id from ajax I need to check if in $scope.notys exists object with same data.id

3. If exists then replace it with last data, if not then just push data

Answer 1

You can reduce your array into key-value pairs (id-index) using array.reduce . If the id exists as a key, then you easily have the index. You can then array.splice using that index to splice off the old and put in the new.

 var arr = [{id:1, value:'foo'},{id:2, value:'bar'}] var idIndexMap = arr.reduce(function(carry, item){ carry[item.id] = item.value; return carry; }, {}); var newItem = {id:1, value: 'baz'}; var indexOfExisting = idIndexMap[newItem.id]; if(indexOfExisting !== undefined) arr.splice(indexOfExisting, 1, newItem); document.write(JSON.stringify(arr)); 

Answer 2

I found this simple solution:

angular.forEach($scope.notys, function (value, key) {
    if(value.id === data.id) $scope.notys.splice(key,1);
});
$scope.notys.push(data);

First I remove element if element exists with same id and then push new element.