JS 前端开发工程师数组去重 三种方法分析

前端开发用js数组吗?|前端开发什么软件好?|前端开发工作总结范文

第一种是比较常规的方法

思路:

1.构建一个新的数组存放结果

2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比

3.若结果数组中没有该元素,则存到结果数组中

复制代码 代码如下:
javascript 代码

Array.prototype.unique2 = function () {
this.sort();//先排序
va rres= [this[0]];
for (vari=1;i<this.length;i++) {
if (this[i] !==res[res.length -1]) {
res.push(this[i]);
}
}
returnres;
}
var arr = [1, ‘a’, ‘a’, ‘b’, ‘d’, ‘e’, ‘e’, 1, 0]
alert(arr.unique2());

第二种方法比上面的方法效率要高

思路:

1.先将原数组进行排序

2.检查原数组中的第i个元素 与 结果数组中的最后一个元素是否相同,因为已经排序,所以重复元素会在相邻位置

3.如果不相同,则将该元素存入结果数组中

复制代码 代码如下:
javascript 代码

Array.prototype.unique2 = function () {
this.sort();//先排序
var res= [this[0]];
for (vari=1;i<this.length;i++) {
if (this[i] !==res[res.length -1]) {
res.push(this[i]);
}
}
returnres;
}
var arr = [1, ‘a’, ‘a’, ‘b’, ‘d’, ‘e’, ‘e’, 1, 0]
alert(arr.unique2());

第二种方法也会有一定的局限性,因为在去重前进行了排序,所以最后返回的去重结果也是排序后的。如果要求不改变数组的顺序去重,那这种方法便不可取了。

第三种方法(推荐使用)

思路:

1.创建一个新的数组存放结果

2.创建一个空对象

3.for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。

说明:至于如何对比,就是每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。

复制代码 代码如下:
javascript 代码

Array.prototype.unique3 = function () {
var res= [];
var json={};
for (vari=0;i<this.length;i++) {
if (!json[this[i]]) {
res.push(this[i]);
json[this[i]] =1;
}
}
returnres;
}
var arr = [112, 112, 34, ‘你好’, 112, 112, 34, ‘你好’, ‘str’, ‘str1’];
alert(arr.unique3());
前端开发工作实习|linux和前端开发工程师|北京 前端开发 工资高吗?
» 本文来自:前端开发者 » 《JS 前端开发工程师数组去重 三种方法分析》
» 本文链接地址:https://www.rokub.com/3765.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!