js数组去重方法包括Es6（方法有很多，但是需要考虑兼容性和数据类型场景）

1、Es6提供的方法

<script type="text/javascript">
    //ES6里新添加了两个方法，set(set是一种新的数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目)
    //Array.from（类数组对象、可迭代对象转化为数组）。
    var arr = [1, 2, 3, 2, 4, 5, 5, null, null, undefined, undefined, NaN, NaN] const item = new Set(arr); const newArr = Array.from(item); console.log(newArr, '去重后的数组')//[1, 2, 3, 4, 5, null, undefined, NaN] "去重后的数组"
    const arr1 = [1,1,2,3,4,4,3,5,5,5,6,7,8,8]; console.log(noRepeat(arr1,'去重后'))//[1, 2, 3, 4, 5, 6, 7, 8]
    //ES6方法去重封装(目前主流的浏览器，Chrome,Firfox,Opera，Safari，包括微软的Edge,都是支持的，唯独IE系列不支持,所以慎用 )
    function noRepeat(arr) {  return Array.from(new Set(arr)); } </script>

<script type="text/javascript">
    var arr = [NaN,NaN,undefined,undefined,false,false,true,true,1,1,2,3,4,5,33,33,4,5,6]; arr = [...new Set(arr)]; console.log(arr,'去重后');//[NaN, undefined, false, true, 1, 2, 3, 4, 5, 33, 6] "去重后"
</script>

2.下标查询（通常简单做法）

<script type="text/javascript">
    //（普通做法）
    const list = [1,2,3,4,5,3,4,5,3,6]; console.log(noRepeat(list),'去重后');//[1, 2, 3, 4, 5, 6] "去重后"
　　//ie8以下不支持indexOf()方法
    function noRepeat(arr) {　　 var newArr = [];　　 for(var i = 0; i < arr.length; i++) {　　　　 if(newArr.indexOf(arr[i]) == -1) {　　 newArr.push(arr[i]);　　 } } return newArr; } </script>

<script type="text/javascript">
　　 //下标检索
    //实现思路：如果当前数组的第i项在当前数组中第一次出现的位置不是i，
    //那么表示第i项是重复的，忽略掉。否则存入结果数组。
    function noRepeat(arr) { var temp = []; for(var i = 0; i < arr.length; i++) { //如果当前数组的第i项在当前数组中第一次出现的位置是i，才存入数组；否则代表是重复的
            if(arr.indexOf(arr[i]) == i) { temp.push(arr[i]) } } return temp; } var list = [1,2,3,33,33,2,3,2,3,4,6,7,9]; console.log(noRepeat(list),'去重后');//[1, 2, 3, 33, 4, 6, 7, 9] 去重后
</script>

3.用对象属性去重

<script type="text/javascript">
    //每次取出原数组的元素，然后再对象中访问这个属性，如果存在就说明重复;
    var arr = [1, 2, 3, 3, '1', '1', '去掉', '去掉', NaN, NaN, false, false]; var obj = {}; var temp = []; for(var i = 0; i < arr.length; i++) { var type = Object.prototype.toString.call(arr[i]); //加类型判断数据类型 如区分 1 '1' 
        if(!obj[arr[i] + type]) { temp.push(arr[i]); obj[arr[i] + type] = true; //这里给true利于代码阅读和判断,如果给 0,'' ,false ,undefined 都会在if那里判断为 false不利于代码阅读
 } } console.log(temp, '去重') //[1, 2, 3, "1", "去掉", NaN, false] "去重"
</script>

<script type="text/javascript">
    //封装一下;
    function noRepeat(arr) { var newArr = []; var obj = {}; for(var i = 0; i < arr.length; i++) {　　 var type = Object.prototype.toString.call(arr[i]); //加类型判断数据类型 如区分 1 '1' 
            if(!obj[arr[i] + type]) {　　　　 newArr.push(arr[i]);　　　　 obj[arr[i] + type] = true; //这里给true利于代码阅读和判断,如果给 0,'' ,false ,undefined 都会在if那里判断为 false不利于代码阅读　　　　
 }　　 } return newArr; } var list = [1, 2, 2, 3, 4, '3', '3', NaN, NaN, false, false, true, true]; console.log(noRepeat(list), '去重后')//[1, 2, 3, 4, "3", NaN, false, true] "去重后"
</script>

4.先排序再去重

<script type="text/javascript">
    var list = [1, 2, 3, 3, '0', '0', '2', '测试', '测试', NaN, NaN, false, false]; function noRepeat(arr) { arr.sort(); var temp = []; while(arr.length > 0) { if(Object.is(arr[0], arr[1])) { //Object.is() 用于比较2个值, 比===更靠谱 例如 Object.is(NaN,NaN) 会判断true
 arr.shift(); } else { temp.push(arr.shift()); } } //此方法会清空原数组,可以复制一个数组,再进行操作
        return temp } console.log(noRepeat(list), '去重后')//["0", 1, 2, "2", 3, NaN, false, "测试"] "去重后"
</script>

5.for in + array.includes（ES6判断）

<script type="text/javascript">
    var arr = [1,3, 3, '1', '1', '1','重复', '重复', NaN, NaN, false, false,undefined,undefined]; function noRepeat(arr) { var temp = []; for(var i = 0; i < arr.length; i++) { if(!temp.includes(arr[i])) { //includes检测数组是否有某个值 内部调用Object.is()利用判断NaN
 temp.push(arr[i]); } } return temp } console.log(noRepeat(arr), '去重后'); //[1, 3, "1", "重复", NaN, false, undefined] "去重后"
</script>