数组去重的常用方法

1.两个for循环嵌套（繁琐）

 <script>

    var arr = [1, 3, 4, 6, 6, 6, 7, 3, 3, 4, 6, 4, 6, 1, 1, 1, 4, 5, 6, 7, 3, 3, 3]
    
      for (i = 0; i < arr.length; i++) {
        for (j = i + 1; j < arr.length; j++) {
          if (arr[i] == arr[j]) {
            arr.splice(j, 1)
       // 这里为什么要i--呢，因为当arr[i]==arr[j]时，arr中下标为j的数据会被删掉
       // 但原来j+1位置的数据就会掉到j的位置，如果J+1和j位置的数据相同，就会再次出现重复            
           
       // 当前j的数据是不会再次校验的，此时，将i--,j就会再次被校验
            i--
          }
        }
      }
    console.log(arr)


  </script>

2.使用ES6新语法Set和扩展运算符...

<script>
    var arr = [1, 3, 4, 6, 6, 6, 7, 3, 3, 4, 6, 4, 6, 1, 1, 1, 4, 5, 6, 7, 3, 3, 3]

     let c =new Set(arr)
    //  此时c是一个Set对象，类数组
    // ...的特性之一就是能够将类数组转换成真实的数组
     var arr=[...c]
     console.log(arr)


  </script>

3.也可以使用Set配合Array.from完成数组去重

  <script>
    var arr = [1, 3, 4, 6, 6, 6, 7, 3, 3, 4, 6, 4, 6, 1, 1, 1, 4, 5, 6, 7, 3, 3, 3]

     let c =new Set(arr)
    // 原理与...相同，目的都是将类数组转换成真实的数组
    let d=Array.from(c)
     console.log(d)

  </script>

4.使用includes()

  <script>
    var arr = [1, 3, 4, 6, 6, 6, 7, 3, 3, 4, 6, 4, 6, 1, 1, 1, 4, 5, 6, 7, 3, 3, 3]
    let newArr=[]
    arr.forEach(item => {
      // includes返回的是一个布尔值
      if(!newArr.includes(item)){
          newArr.push(item)
      }  
    });
    console.log(newArr)

  </script>

5.使用filter

  <script>
    var arr = [1, 3, 4, 6, 6, 6, 7, 3, 3, 4, 6, 4, 6, 1, 1, 1, 4, 5, 6, 7, 3, 3, 3]
    var newArr = []
    var newArr = arr.filter((item) => {
      return newArr.includes(item)?'':newArr.push(item)
    })
    console.log(newArr)

  </script>

剩下的方法基本不尽相同，map映射啦...各种稀奇古怪的方法，但常用也就是上面的这些，可互相配合使用，像forEach就代替了for循环，基本都是先遍历，遍历之后再在函数内部进行逻辑处理（push，splice等不同的操作）