js数组去重的方法汇总

三种方法

利用indexOf判断新数组

underscore.js中实际上也是使用的类似的indexOf

rush:js;"> //传入数组 function unique1(arr){ var tmpArr = []; for(var i=0; i

利用indexOf判断旧数组

rush:js;"> function unique2(arr){ var tmpArr = []; //结果数组 for(var i=0; i

利用hash查找

这里利用了JS对象的实现就是hash表的特性

rush:js;"> function unique3(arr){ var tmpArr = [],hash = {};//hash为hash表 for(var i=0;i

数组扩展

rush:js;"> Array.prototype.unique1 = function (){ var tmpArr = []; for (var i = 0; i < this.length; i++){ if (tmpArr.indexOf(this[i]) == -1){ tmpArr.push(this[i]); } } return tmpArr; }

Array.prototype.unique2 = function(){
var tmpArr = []; //结果数组
for(var i = 0; i < this.length; i++){
if (this.indexOf(this[i]) == i){
tmpArr.push(this[i]);
}
}
return tmpArr;
}

Array.prototype.unique3 = function(){
var tmpArr=[],hash = {};
for(var i = 0; i < this.length; i++){
if (!hash[this[i]]){
hash[this[i]] = true;
tmpArr.push(this[i]);
}
}
return tmpArr;
}

使用Set

Set和Map是ES6中新增的数据结构 Set直接可以存储不重复的一组key,这个key也可以是对象,字符串等 创建set

rush:js;"> var s = new Set([1,2,3,]); s; // Set {1,3}

新增元素

>> s.add(4) >>> s {1,4} >>> s.add(4) >>> s {1,4}//重复元素不会被添加

删除元素

rush:js;"> s; // Set {1,4} s.delete(3); s; // Set {1,4}

遍历元素

Map和Set无法使用下标 ES6标准引入了新的iterable类型,Array、Map和Set都属于iterable类型

rush:js;"> var s = new Set(['A','B','C']);

for (var x of s) { // 遍历Set
alert(x);
}

或者直接使用iterable内置的forEach方法 forEach方法是ES5.1标准引入的

rush:js;"> var s = new Set(['A','C']); s.forEach(function (element,set) { alert(element); });

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...