数组去重方法集锦(三)

数组去重的方法最后一篇了,最后写两个ES6的方法。相对于之前的,那真是简单简单再简单了。但是!兼容性也是需要注意的一点!

方法一 set:

用一个新变量承接的是一个以前没见过的东西,它就是ES6新增数据结构Set。类似于数组,但是没有重复值。Set本身是一个构造函数,用来生成Set数据结构。长度用size表示,Set对象中的所有值都不会重复。

var arr = [3, 5, 2, 6, 5, 7];
var newObj = new Set(arr);

接着用from方法,参数传递对象,将对象转为数组。说白了就是把数组弄成对象,通过对象中值不会重复这一特性,达到对象中不重复的情况,再转成数组。

var newArr = Array.from(newObj);

可以简化一下代码:

var arr = [3, 5, 2, 6, 5, 7];
var newArr = Array.from(new Set(arr));
console.log(newArr);

方法二 扩展运算符:

扩展运算符是三个点(...)。将一个数组转为用逗号分隔的参数序列。它具有合并复制数组等功效,居家常备。

var arr = [3, 5, 2, 6, 5, 7];   
var newArr = [...new Set(arr)];

那么也希望大家能关注我的公众号web-jianma,手机浏览随时随地~

你可能感兴趣的:(javascript前端)