javascript - Angular - 仅在唯一时推送到数组

Question

我有一个 Angular 应用程序可以收集发票项目的值(value)，我想确保只有唯一的项目被添加到这个集合中，但我没有运气。

我正在向这个集合推送 3 条信息:id、price 和 type。我想确保当前集合中没有与这 3 点匹配的内容。

// My container
$scope.invoice = {
    items: [{
    }]
}


    $scope.addPhoto = function() {
    console.log('Withdrawing Photo: '+ $scope.item.id);
    if ($scope.invoice.items.indexOf(item.id) != $scope.item.id)
    {
      $scope.invoice.items.push({
        id: $scope.item.id,
        price: $scope.item.price,
        type: 'photo'
    });
    }
}

//尽量避免这样的集合

发票:{项目:[ { } , {编号:25价格: 0类型:照片 } , {编号:25价格: 0类型:照片 } ] }

Answer 1

.filter正是您所需要的。

$scope.addPhoto = function() {
    console.log('Withdrawing Photo: '+ $scope.item.id);
    var matches = $scope.invoice.items.filter(function(datum) {
      return datum.id === $scope.item.id &&
        datum.price === $scope.item.price &&
        datum.type === $scope.item.type;
    });
    if (!matches.length)
    {
      $scope.invoice.items.push({
        id: $scope.item.id,
        price: $scope.item.price,
        type: 'photo'
    });
    }
}

Semi-contrived JSFiddle