使用 AngularJS 从数组中删除重复元素

我们给出了一个数组，任务是使用 AngularJS 从数组中移除/删除重复项。

方法：

• 方法是使用filter() 方法，在方法内部，不重复的元素将被返回，重复的元素将只返回一次。
• 因此，将制作一个唯一的数组。

示例 1：在此示例中，字符‘g’ 和 ‘b’从原始数组中删除。

HTML

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.arr = ['g', 'a', 'b', 'c', 'g', 'b'];
            $scope.res = [];
            $scope.remDup = function () {
                $scope.res = $scope.arr
                    .filter(function (item, pos) {
                    return $scope.arr.indexOf(item) == pos;
                })
            };
        });
    

  

    
        GeeksForGeeks
    
  
  
    
        Remove duplicate elements from 
        the array in AngularJS
    
  
    
        
            Original Array = {{arr}}
            
            
                Click here
            
            
            Final Array = {{res}}
        
    

  

输出：

示例 2：此示例进行区分大小写的比较，因此诸如 ‘ gfg’ 和 ‘GFG’ 之类的元素不会被视为重复项。

HTML

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.arr = ['gfg', 'GFG', 
                'Gfg', 'gFG', 'gFg', 'gFg'];
            $scope.res = [];
            $scope.remDup = function () {
                $scope.res = $scope.arr
                    .filter(function (item, pos) {
                    return $scope.arr.indexOf(item) == pos;
                })
            };
        });
    

  

    
        GeeksForGeeks
    
  
  
    
        Remove duplicate elements 
        from the array in AngularJS
    
  
    
        
            Original Array = {{arr}}
            
            
            
                Click here
            
            
            
            Final Array = {{res}}
        
    

  

输出：