web理论学习（一）（数组去重方法整理）

JS基础部分

数组去重

（1）利用es6 Set去重（es6中最常用的

若不考虑兼容性，这种方法代码量最小

注：这种方法无法去掉{}空对象

（2）利用for嵌套for，然后splice去重（es5中最常用

function unique(arr){            
        for(var i=0; i<arr.length; i++){
            for(var j=i+1; j<arr.length; j++){
                if(arr[i]==arr[j]){         //第一个等同于第二个，splice方法删除第二个
                    arr.splice(j,1);
                    j--;
                }
            }
        }
return arr;
}

双层循环，外层循环元素，内层循环比较值，相同时则去掉

（3）sort（）方法，通过对排序后的数组进行相邻项的比对，将非重复元素放入新数组中实现排重

（4）利用indexOf去重

与sort方法类似，定义一个空数组，通过indexOf，判断新数组中是否存在当前元素，如果返回-1，则说明没有，将此元素添加到新数组中去，实现排重

（5）利用includes

function unique(arr) {
    if (!Array.isArray(arr)) {
        console.log('type error!')
        return
    }
    var array =[];
    for(var i = 0; i < arr.length; i++) {
            if( !array.includes( arr[i]) ) {//includes 检测数组是否有某个值
                    array.push(arr[i]);
              }
    }
    return array
}

原理与前两个大致相同

（6）利用filter

function unique(arr) {
  return arr.filter(function(item, index, arr) {
    //当前元素，在原始数组中的第一个索引==当前索引值，否则返回当前元素
    return arr.indexOf(item, 0) === index;
  });
}

通过indexOf判断当前值在原始数组中的下标与原始数组中第一次出现该元素的下标是否相同，若相同，则说明此元素之前并没有与他重复的，反之则重复

（7）利用递归，原理与双重循环类似

function unique(arr) {
        var array= arr;
        var len = array.length;

    array.sort(function(a,b){   //排序后更加方便去重
        return a - b;
    })

    function loop(index){
        if(index >= 1){
            if(array[index] === array[index-1]){
                array.splice(index,1);
            }
            loop(index - 1);    //递归loop，然后数组去重
        }
    }
    loop(len-1);
    return array;
}

（8）利用map数据结构

function arrayNonRepeatfy(arr) {
  let map = new Map();
  let array = new Array();  // 数组用于返回结果
  for (let i = 0; i < arr.length; i++) {
    if(map .has(arr[i])) {  // 如果有该key值
      map .set(arr[i], true); 
    } else { 
      map .set(arr[i], false);   // 如果没有该key值
      array .push(arr[i]);
    }
  } 
  return array ;
}

创建一个空Map数据结构，遍历需要去重的数组，把数组的每一个元素作为key存到Map中。由于Map中不会出现相同的key值，所以最终得到的就是去重后的结果。

（9）利用reduce+includes

function unique(arr){
    return arr.reduce((prev,cur) => prev.includes(cur) ? prev : [...prev,cur],[]);
}

（10）[...new Set(arr)]

实际上并不算另一种，只是简化了set去重的代码