js数组去重的几种方法

前几天在面试中碰到了一道数组去重的方法, 我记得是有好多种的, 但是只想起来了一种的写法, 今天抽空整理一下js数组去重的方法, 供大家参考

1. 创建新数组, 使用indexOf判断是否添加进新数组, 最后返回新数组

这个方法也是我记得的方法…. 这个方法不兼容IE8, 看大家需要来使用了

function unique(arr) {
var newArr = [];

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

return newArr
}

2.ES6的Array.form和Set实现数组去重

ES6的方法还是简洁明了 不过就不要考虑IE的兼容性了 IE11只支持基本的set功能 详见MDN文档

var newArr = Array.from(new Set(arr));
//Array.from() 方法从一个类似数组或可迭代的对象
//(包括 Array，Map，Set，String，TypedArray，arguments 对象等等) 中创建一个新的数组实例
//Set 对象允许你存储任何类型的 唯一值 ，无论是原始值或者是对象引用。
//Set对象是值的集合，你可以按照插入的顺序迭代它的元素。
//Set中的元素只会出现一次，即 Set 中的元素是唯一的。

3.使用ES6的 filter 和 Map进行数组去重

function unique(arr) {
const res = new Map();
return arr.filter((i) => !res.has(i) && res.set(a, 1))
}
//Map是ES6 提供的新的数据结构。
//Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。
//filter() 方法创建一个新的数组，新数组中的元素 是 通过检查 指定数组 中 符合条件的所有元素。