js中去重的12种方法

1.将数组的每一个元素依次与其他元素做比较，发现重复元素，删除

function noRepeat1(arr) {
      for (var i = 0; i < arr.length - 1; i++) {
          for (var j = i + 1; j < arr.length; j++) {
              if (arr[i] === arr[j]) {
                  arr.splice(j, 1);
                  j--;
              }
          }
      }
      return arr;
  }

2.借助indexOf()方法判断此元素在该数组中首次出现的位置下标与循环的下标是否相等

function noRepeat2(arr) {
     for (var i = 0; i < arr.length; i++) {
         if (arr.indexOf(arr[i]) != i) {
             arr.splice(i, 1); //删除数组元素后数组长度减1后面的元素前移
             i--; //数组下标回退
         }
     }
     return arr;
 }

3.利用数组中的filter方法

function noRepeat3(arr) {
      var newArr = arr.filter(function(value, index, self) {
          return self.indexOf(value) === index;
      });
      return newArr;
  }

4.借助新数组 通过indexOf方判断当前元素在数组中的索引如果与循环的下标相等则添加到新数组中\

function noRepeat4(arr) {
       var newArr = [];
       for (var i = 0; i < arr.length; i++) {
           if (arr.indexOf(arr[i]) == i) {
               newArr.push(arr[i]);
           }
       }
       return newArr;
   }

5.利用空对象来记录新数组中已经存储过的元素

function noRepeat5(arr) {
      var obj = {};
      var newArr = [];
      for (var i = 0; i < arr.length; i++) {
          if (!obj[arr[i]]) {
              obj[arr[i]] = true;
              newArr.push(arr[i]);
          }
      }
      return newArr;
  }

6.借助新数组，判断新数组中是否存在该元素如果不存在则将此元素添加到新数组中

function noRepeat6(arr) {
      var newArr = [];
      for (var i = 0; i < arr.length; i++) {
          if (newArr.indexOf(arr[i]) == -1) {
              newArr.push(arr[i]);
          }
      }
      return newArr;
  }

7.借助新数组，判断新数组中是否存在该元素如果不存在则将此元素添加到新数组中（原数组长度不变但被按字符串顺序排序）

function noRepeat7(arr) {
       var newArr = [],
           end; //临时变量用于对比重复元素
       arr.sort(); //将数重新组排序
       end = arr[0];
       newArr.push(arr[0]);
       for (var i = 1; i < arr.length; i++) {
           if (arr[i] != end) { //当前元素如果和临时元素不等则将此元素添加到新数组中
               newArr.push(arr[i]);
               end = arr[i];
           }
       }
       return newArr;
   }

8.此方法没有借助新数组直接改变原数组,并且去重后的数组被排序

function noRepeat8(arr) {
       var end; //临时变量用于对比重复元素
       arr.sort((a, b) => a - b); //将数重新组排序
       end = arr[0];
       for (var i = 1; i < arr.length; i++) {
           if (arr[i] == end) { //当前元素如果和临时元素相等则将此元素从数组中删除
               arr.splice(i, 1);
               i--;
           } else {
               end = arr[i];
           }
       }
       return arr;
   }

9.双层循环改变原数组

function noRepeat9(arr) {
      for (var i = 0; i < arr.length; i++) {
          for (var j = 0; j < arr.length; j++) {
              if (arr[i] == arr[j] && i != j) { //将后面重复的数删掉
                  arr.splice(j, 1);
              }
          }
      }
      return arr;
  }

借助新数组

function noRepeat10(arr) {
       var newArr = [];
       for (var i = 0; i < arr.length; i++) {
           var repArr = []; //接收重复数据后面的下标
           //内层循环找出有重复数据的下标
           for (var j = i + 1; j < arr.length; j++) {
               if (arr[i] == arr[j]) {
                   repArr.push(j); //找出后面重复数据的下标
               }
           }
           if (repArr.length == 0) { //若重复数组没有值说明其不是重复数据
               newArr.push(arr[i]);
           }
       }
       return newArr;
   }

11.借助ES6提供的Set结构

function noRepeat11(arr) {
       var newArr = [];
       var myset = new Set(arr); //利用了Set结构不能接收重复数据的特点
       for (var val of myset) {
           newArr.push(val)
       }
       return newArr;
   }

12.借助ES6提供的Set结构 + 展开运算符

function noRepeat12(arr) {
       return [...new Set(arr)];
   }