检查数组中的唯一性，如果唯一则推送到数组

Question

使用 AngularJS，我正在我的应用程序中创建一个 addTodo 函数。

我似乎无法实现一种方法来检查添加到数组中的对象的唯一性，并使其后跟其他操作。

到目前为止，我能够使其他操作正常工作，但不能对唯一性进行初始检查。如何实施检查唯一性操作，然后执行其他操作？

我正在尝试创建这样的流程的 addTodo 函数（粗体表示未实现）：

1. 检查待办事项是否已经在待办事项中

   1a。 如果确实存在，请不要推送，显示警报

2. 检查 todo 是否为空

   2a。如果为空，请勿推送，显示提醒

3. 如果唯一且不为空，则推送到待办事项，显示成功消息

当前的 addTodo 函数（没有 unqiueness 检查）：

$scope.addTodo = function(){
  $scope.isVisible = true;
  if ($scope.todo) {
    $scope.todos.push($scope.todo);
    $scope.todo = '';
    $scope.alert = $scope.alerts[1];
  }else{
    $scope.alert = $scope.alerts[0];
  }
};

注意 1：$scope.alert 和 $scope.alerts 用于显示某些错误消息；

$scope.alerts[0]

“请在您的任务中添加文本。”

$scope.alerts[1]

“添加了一个新任务！”

如果正在添加的任务已经存在，我想显示的警报是

$scope.alerts[3] 

“任务已在列表中。”

注意 2：$scope.isVisible 切换警报的可见性

Answer 1

这样使用Array.indexOf：

$scope.addTodo = function(){
  $scope.isVisible = true;
  if ($scope.todo) {
    if ($scope.todos.indexOf($scope.todo) == -1) {
        $scope.todos.push($scope.todo);
        $scope.todo = '';
        $scope.alert = $scope.alerts[1];
    }else{
     // $scope.todo is already in the $scope.todos array, alert the user
        $scope.alert = $scope.alerts[3];
    }
  }else{
    $scope.alert = $scope.alerts[0];
  }
};

Answer 2

如果您使用underscore 或lodash，您可以使用这个简单的代码来推送数组中的唯一项。

if (_.findWhere($scope.todos, $scope.todo) == null) {
    $scope.todos.push($scope.todo);
}

希望对你有帮助！！！

Answer 3

如果您使用标准字符串todo，您可以使用javascript 数组indexOf 方法。此对象数据类型的方法进行引用匹配。

另外你也可以看看jquerygrep方法。

使用其中一种方法检查$scope.todos 是否已包含此类元素并显示警报。