这次给大家带来JS数组去重最快的算法,JS数组去重的注意事项有哪些,下面就是实战案例,一起来看一下。
在JS中经常会遇到去除数组中重复数据的需求,在此介绍四种算法以实现JS数组去重的功能.
1. 速度最快算法:对象键值对法
实现思路:新建一js对象以及新数组,遍历传入数组时,判断值是否为js对象的键,不是的话给对象新增该键并放入新数组。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | function unique( array ){
var n = {}, r = [], len = array .length, val, type;
for ( var i = 0; i < array .length; i++) {
val = array [i];
type = typeof val;
if (!n[val]) {
n[val] = [type];
r.push(val);
} else if (n[val].indexOf(type) < 0) {
n[val].push(type);
r.push(val);
}
}
return r;
}
var arr=[1,2,3,4,5,29,5,3,1,2];
var rel=unique(arr);
console.log(rel);
|
登录后复制
运行结果:

2.最巧妙算法:优化遍历数组法
实现思路:获取没重复的最右一值放入新数组。(检测到有重复值时终止当前循环同时进入顶层循环的下一轮判断)
1 2 3 4 5 6 7 8 9 10 11 12 13 | function unique1( array ){
var r = [];
for ( var i = 0, l = array .length; i<l; i++){
for ( var j = i + 1; j < l; j++)
if ( array [i] == array [j]) j == ++i;
r.push( array [i]);
}
return r;
}
var arr=[1,2,3,4,5,29,5,2];
var rel=unique1(arr);
console.log(rel);
|
登录后复制
运行结果:

3.算法:排序后相邻去除法
实现思路:给传入数组排序,排序后相同值相邻,然后遍历时新数组只加入不与前一值重复的值。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | function unique2( array ){
array .sort();
var re=[ array [0]];
for ( var i = 1; i < array .length; i++){
if ( array [i] !== re[re.length-1])
{
re.push( array [i]);
}
}
return re;
}
var arr=[1,2,3,4,5,29,5,2,3,1];
var rel=unique2(arr);
console.log(rel);
|
登录后复制
运行结果:

4.算法:数组下标判断法
实现思路:如果当前数组的第i项在当前数组中第一次出现的位置不是i,那么表示第i项是重复的,忽略掉。否则存入结果数组
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | function unique3( array ){
var n = [ array [0]];
for ( var i = 1; i < array .length; i++) {
if ( array .indexOf( array [i]) == i) n.push( array [i]);
}
return n;
}
var arr=[1,2,3,4,5,29,3,4,2,5,1];
var rel=unique3(arr);
console.log(rel);
|
登录后复制
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
JS去除数组中重复项的方法
bootstrap响应式导航条模板应如何使用
vue.js操作数组数据的方法
以上是JS数组去重最快的算法的详细内容。更多信息请关注PHP中文网其他相关文章!