当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js 巧妙去除数组中的重复项

Javascript
Javascript array类 数组操作方法
JavaScript 权威指南(第四版) 读书笔记
JQuery jsonp 使用示例代码
JavaScript 十六进制RGB色码转换器
一些不错的JS 自定义函数
javascript 不停(setInterval)/延时(setTimeout)函数使用实例
JS 添加删除元素的实现代码
jQuery 判断页面元素是否存在的代码
css+js完美控制图片大小
获取 textarea 标签第n行的文字的js代码
JavaScript 提升运行速度之循环篇 译文
js中的window.open返回object的错误的解决方法
javascript 客户端验证上传图片的大小(兼容IE和火狐)
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
javascript addBookmark 加入收藏 多浏览器兼容
javascript 无提示关闭窗口脚本
jQuery select控制插件
jquery 入门教程 [翻译] 推荐
调用js时ie6和ie7,ff的区别
斜45度寻路实现函数

Javascript 中的 js 巧妙去除数组中的重复项


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-27   浏览: 377 ::
收藏到网摘: n/a

最近, 我在看YAHOO.util.YUILoader类的源码, 其中有个排除数组重复项的方法, 让我觉得甚为巧妙, 这里分享下… 时不时的看下YUI的源码, 总会有些收获.
一. YUI中的源码'
复制代码 代码如下:

var toObject = function(a) {
var o = {};
for (var i=0, j=a.length; i<j; i=i+1) { // 这里我调整了下, YUI源码中是i<a.length
o[a[i]] = true;
}
return o;
};
var keys = function(o) {
var a=[], i;
for (i in o) {
if (o.hasOwnProperty(i)) { // 这里, YUI源码中是lang.hasOwnProperty(o, i)
a.push(i);
}
}
return a;
};
var uniq = function(a) {
return keys(toObject(a));
};

注:为了书写方便, 我省略了各方法前的类名, 大伙可自行查阅YUI的源码, 2.7.0b与2.8.0r4均可(此部分的代码是一样的).
二. 该方法的思路
1. 先以目标数组的值为key生成一个对象. 这一步是最核心的: 因为在一个对象中, key是无法重复的, 这样就很巧妙的排除了重复值;
2. 遍历生成的对象, 将这些key取出来放到一个数组中, OK, 到此就大功告成了!(简单吧, 只需两步就行)
三. 该方法的特点
1. 对于该方法, 不论数组有多少项, 都只会遍历两次, 在性能上的优势较明显(想想自己以前的做法: 对数组项进行逐个对比, 其性能之差, 可想而知).
2. 经我的测试, 该方法只适用于数组项为字符串, 数字的一维数组(我觉得, 对多维数组进行排除重复项的操作, 实在是太杯具了!).
其它的方法可以参考上一篇文章。