JS数组去重的常用4种方法

这篇文章主要介绍了JS数组去重的常用4种方法,ES6的Set类数组去重,for循环嵌套for循环,indexOf去重,利用filter需要的朋友可以参考下

1.ES6的Set类数组去重

var arr = [1,2,2,3,3,4,4,1,5,6,6,5] function unique (arr) { return Array.from(new Set(arr)) } console.log(unique(arr)) //[1,2,3,4,5,6]

ES6的Set是类数组，里面的值是唯一的，但是不是真正的数组所以要通过Array.from()方法转化为数组，不考虑兼容问题是最简单的去重方法

2.for循环嵌套for循环

var arr = [1,2,2,3,3,4,4,1,5,6,6,5]; function unique(arr) { for (var i = 0; i

两个for循环加上spliceES5常用的方法
第一个for遍历每个数组项，第二个for循环遍历第一个for循环当前遍历项后面的数组项与第一个for当前数组项作比较，后面存在相等的项，则删除掉此项，并且j要减一，因为删除了一项，所以后面的元素往前移了，所以减一来抵消迁移确保每一项遍历完

3.indexOf去重

var arr = [1,2,2,3,3,4,4,1,5,6,6,5]; function unique(arr) { if (!Array.isArray(arr)) { console.log('错误！') return } var array = []; for (var i = 0; i

indexOf()会判断数组里面是否含有这个值，没有则返回-1，有则返回存在的数组下标值，有多个只返回第一个，不再继续判断
for循环加indexOf，for循环存在newArr里则什么都不做，不存在则加入新数组里，返回新数组

4.利用filter

var arr = [1,2,2,3,3,4,4,1,5,6,6,5]; function unique(arr) { return arr.filter( (item, index, arr) => { //当前元素，在原始数组中的第一个索引==当前索引值，否则返回当前元素 return arr.indexOf(item) === index; }); } console.log(unique(arr));

filter加indexOf，判断当前的索引值等不等于indexOf返回的索引值，等于就是同一个数组项，不等于的情况就是当前的item是第二次出现，而indexOf判断出来的下标值还是第一个，这一项则不会返回，所以达到了去重的要求

更多关于JS数组去重的方法请查看下面的相关链接

以上就是JS数组去重的常用4种方法的详细内容，更多请关注0133技术站其它相关文章！