谈谈js数组去重

2017年05月04日前端前端开发，JavaScript

谈谈js数组去重

一、前言

说到js数组去重，在一些文章中，看到某一些数组去重的方法，在判断元素是否相等时，使用的是==比较运算符。众所周知，这个运算符在比较前会先查看元素类型，当类型不一致时会做隐式类型转换。这其实是一种非常不严谨的做法。因为无法区分在做隐匿类型转换后值一样的元素，例如0、’‘、false、null、undefined等。

同时，还有可能出现一些只能黑人问号的结果，例如：

 [] == ![]; //true

二、处理方法总结

A、利用Array.prototype.indexOf()

indexOf()方法返回在该数组中第一个找到的元素位置，如果它不存在则返回-1，indexOf()使用的是严格比较，也就是===

1、第一种处理方式

 let arr1=[1,2,3,4,3,2,1,4];
 function unique(arr) {
   return arr.filter(function(item, index){
    // indexOf返回第一个索引值，
    // 如果当前索引不是第一个索引，说明是重复值
    return arr.indexOf(item) === index;
  });
}

console.log(unique(arr1));

笔记：

array.filter(function(currentValue,index,arr), thisValue)

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。

注意： filter() 不会改变原始数组。

2、第二种处理方式

function unique(arr) {
var ret = [];
arr.forEach(function(item){
    if(ret.indexOf(item) === -1){
        ret.push(item);
    }
   });
  return ret;
}

console.log(unique(arr1));