使用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}}
        
    

  

输出：