js数组去重

最常用的几个数组去重的方法

---

前言

数组去重有哪些方法呢，让我们一起来看看把

---

提示：以下是本篇文章正文内容，下面案例可供参考

1.new Set

es6的Set数据结构，它类似于数组，其成员的值都是唯一的,实现去重

代码如下（示例）：

   var arr = [3,5,1,7,4,67,913,45,2,5,76,47,67,92,4,1 ,5,7,5] 
       var newarr =Array.from(new Set(arr))   //伪数组
       console.log(new Set(arr))
       console.log('方1 new Set',newarr)   

2.indexOf， forEach

代码如下（示例）：

 let arr2 = [];
    // for(let i=0;i<arr.length;i++){
    //    // 判断数组中是否有指定的值，有就返回那个值得索引，没有就返回-1 push进去
    //      if(arr2.indexOf(arr[i])==-1){
    //        arr2.push(arr[i])
    //      }   
    // }
    //    // arr.lastIndexOf('.') 多用于判断 . 的后缀是否是图片
    // for (let i = 0; i < arr.length; i++) {
    //         arr2.lastIndexOf(arr[i]) !== -1 ? '' : arr2.push(arr[i]);
    //     }
     // forEach/map参数(当前元素的值,索引,整个数组)
    arr.forEach((item) => {
        if(arr2.indexOf(item)==-1){
           arr2.push(item)
         }
    });
    console.log('方2 indexOf',arr2) 

3.filter

filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素
es6的Set数据结构，它类似于数组，其成员的值都是唯一的,实现去重

代码如下（示例）：

var arr3 = arr.filter(function(item, index, array) {
  // indexof没有重复数字返回-1，有重复的返回有重复的第一个的索引
    return array.indexOf(item) === index;
  });
  console.log('方3 filter,indexOf',arr3)

4.includes

includes 判断数组中是否包含一个指定的值。根据情况，如果包含返回true否则返回false;

代码如下（示例）：

  // str/arr.includes(value,[index])
    var arr4 = []
    for (let i = 0; i < arr.length; i++) {
        if (!arr4.includes(arr[i])) {
            arr4.push(arr[i])
        }
    }
    console.log('方4 includes',arr4)   

5.filter/forEach includes

includes 判断数组中是否包含一个指定的值。根据情况，如果包含返回true否则返回false;

代码如下（示例）：

function quchong() {
        var arr = [3,5,1,7,4,67,913,45,2,5,76,47,67,92,4,1 ,5,7,5] ;
        var newArr = [];
        // arr.forEach(item => {
        //   return newArr.includes(item) ? '' : newArr.push(item);
        // }); 
       arr.filter(function (item) {
            return newArr.includes(item) ? '' : newArr.push(item)
        })
        console.log('filter/forEach,includes',newArr)
        return newArr
    }

6.双for循环去重

includes 判断数组中是否包含一个指定的值。根据情况，如果包含返回true否则返回false;

代码如下（示例）：

  for(let i = 0; i<arr.length; i++){
        for(let j = i + 1; j<arr.length; j++){
          if (arr[i] === arr[j]) {
            arr.splice(j,1);
            j--
          }
        };
        }
       console.log('方5 splice',arr)   

---

总结

以上几个小方法有发现了什么规律吗？

它们都是大同小异的，数组的方法有很多，熟练掌握就会发现，一次通路，次次通路