如何获取 JavaScript 数组中的所有唯一值（删除重复项）？

给定一个包含一些值的数组，任务是从数组中删除重复的元素。

例子：

Input: listArray = ["Manish", "Chandan", "Piyush", "Manish", "Sunil", "Chandan"];
Output: Manish, Chandan, Piyush, Sunil

方法1：该方法检查原始数组（listArray）的每个值与输出数组（outputArray）的每个值，其中重复值被删除。如果当前值不存在于具有唯一值的输出数组中，则将该元素添加到输出数组中。

示例 1：此示例生成一个唯一的字符串值数组。

      

    
        Remove duplicate elements
        from array
    

  

      
    
    
        var array = ["Manish", "Chandan", "Piyush",
                     "Sunil", "Pankaj", "Piyush", 
                     "Pankaj", "Tiny", "Chandan",
                     "Manish"];
                       
        var outputArray = [];
          
        // Count variable is used to add the
        // new unique value only once in the
        // outputArray.
        var count = 0;
          
        // Start variable is used to set true
        // if a repeated duplicate value is 
        // encontered in the output array.
        var start = false;
          
        for (j = 0; j < array.length; j++) {
            for (k = 0; k < outputArray.length; k++) {
                if ( array[j] == outputArray[k] ) {
                    start = true;
                }
            }
            count++;
            if (count == 1 && start == false) {
                outputArray.push(array[j]);
            }
            start = false;
            count = 0;
        }
        document.write(outputArray);
    

  
                    

输出：

Manish, Chandan, Piyush, Sunil, Pankaj, Tiny

示例 2：此示例返回数组中的唯一元素。

      

    
        Remove duplicate elements
        from array
    

  

      
    
    
        var array = [100, 23, 45, 67, 45,
                    33, 34, 69, 100, 23];
                       
        var outputArray = [];
          
        // Count variable is used to add the
        // new unique value only once in the
        // outputArray.
        var count = 0;
          
        // Start variable is used to set true
        // if a repeated duplicate value is 
        // encontered in the output array.
        var start = false;
          
        for (j = 0; j < array.length; j++) {
            for (k = 0; k < outputArray.length; k++) {
                if ( array[j] == outputArray[k] ) {
                    start = true;
                }
            }
            count++;
            if (count == 1 && start == false) {
                outputArray.push(array[j]);
            }
            start = false;
            count = 0;
        }
        document.write(outputArray);
    

  
                    

输出：

100, 23, 45, 67, 33, 34, 69

方法 2：使用数组 filter() 方法： arr.filter()函数用于从现有数组创建一个新数组，该数组仅由给定数组中满足参数函数设置的条件的元素组成。

句法：

array.filter( function(currentValue, index, arr), thisValue )

参数：

• currentValue：存储当前元素的值。
• index：这是函数正在处理的当前元素的索引。
• arr：这是 .filter()函数调用的数组。
• thisValue：用于告诉函数在执行参数函数时使用这个值。

例子：

  

    
        Remove duplicate elements
        from array
    

  

      
    
    
        var array = ['g', 'e', 'e', 'k', 's', 'f',
                'o', 'r', 'g', 'e', 'e', 'k', 's'];
          
        var outputArray = [];
          
        function removewithfilter(arr) {
            let outputArray = arr.filter(function(v, i, self)
            {
                  
                // It returns the index of the first
                // instance of each value
                return i == self.indexOf(v);
            });
              
            return outputArray;
        }
          
        document.write(removewithfilter(array));
    

  
                                      

输出：

g, e, k, s, f, o, r

方法3：使用集合 方法：集合是唯一的项目的集合，即没有元素可以重复。 ES6 中的集合是有序的：集合的元素可以按插入顺序迭代。 Set 可以存储任何类型的值，无论是原始值还是对象。

例子：

  

    
        Remove duplicate elements
        from array
    

  

      
    
    
        var array = ["DS", "Algo", "OS", "HTML", "DS",
                     "OS", "Java", "HTML", "Algo"];
          
        var outputArray = [];
          
        function removeusingSet(arr) {
            let outputArray = Array.from(new Set(arr))
            return outputArray
        }
          
        document.write(removeusingSet(array));
    

  
                                     

输出：

DS, Algo, OS, HTML, Java