繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 删除数组中重复项（uniq）
- Javascript
- 兼容firefox的文本框只能输入两位小数的数字的代码
- javascript 年月日联动实现核心代码
- JavaScript 图片预览效果 推荐
- JavaScript是否可实现多线程 深入理解JavaScript定时机制
- jquery 表单取值常用代码
- javaScript 删除确认实现方法小结
- javascript强制弹出新窗口实现代码
- Js倒计时代码，当鼠标离开页面与回到页面会自动停止与开始
- Div+Js实现的带阴影菜单 微软以前网站曾用过
- 纯CSS实现的当鼠标移上图片添加阴影效果代码
- JavaScript 未知高度元素垂直居中实现代码
- javascript 仿开心网好友印象功能(点击文字弹出印象框)
- JS+CSS实现的一种交互体验 表单页面
- js 效率组装字符串 StringBuffer
- window.js 主要包含了页面的一些操作
- 关于Aptana Studio生成自动备份文件的解决办法
- javascript下arguments,caller,callee,call,apply示例及理解
- HTA版JSMin（省略修饰语若干）基于javascript语言编写
- CSS+Jquery实现页面圆角框方法大全
- js 页面刷新location.reload和location.replace的区别小结
Javascript 中的 javascript 删除数组中重复项（uniq）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-02-27 浏览: 414 ::
收藏到网摘: n/a
巧妙去除数组中的重复项的方法参考，需要的朋友可以参考下。 首先让我们看下 YUI 是如何处理的：
复制代码 代码如下:
var toObject = function(a) {
var o = {};
for (var i = 0; i < a.length; i = i+1) {
o[a[i]] = true;
}
return o;
};
var keys = function(o) {
var a=[], i;
for (i in o) {
if (lang.hasOwnProperty(o, i)) { // YUI的方法
a.push(i);
}
}
return a;
};
var uniq = function(a) {
return keys(toObject(a));
};
详细分析，见同事 长天 的分享 《巧妙去除数组中的重复项》。
自己使用的方式与 YUI 的方式十分相似，不过仅使用了一次循环便完成了删除数组中重复项，如下：
复制代码 代码如下:
var uniq = function (arr) {
var a = [],
o = {},
i,
v,
len = arr.length;
if (len < 2) {
return arr;
}
for (i = 0; i < len; i++) {
v = arr[i];
if (o[v] !== 1) {
a.push(v);
o[v] = 1;
}
}
return a;
}
经过了简单的测试：自己使用的方式性能远远高于 YUI 的方式。
抛砖引玉，欢迎大家提供更好的处理方法。
2009年12月28日更新：
以上两种函数方法暂时都不能处理复杂的含有混合类型的数组（感谢 小猫 提出的疑问），如：[0,"0",1,"1",0]、["null",null]。
对于能够约定类型为数字（注：要求非0开头的数字，小数除外）或字符串的数组，我们可以用改进后的函数方法（感谢 closurecache 提供的思路）：
复制代码 代码如下:
var uniq = function (arr) {
var a = [],
o = {},
i,
v,
cv, // corrected value
len = arr.length;
if (len < 2) {
return arr;
}
for (i = 0; i < len; i++) {
v = arr[i];
/* closurecache 提供的函数中使用的是 cv = v + 0;，
* 这样就无法辨别类似[1, 10, "1", "10"]的数组，
* 因为运算后 => 1, 10, 10, 100，很明显，出现了重复的标示符。
* 加前面就难道没问题吗？
* 有的：数组中不能出现类似01 、001，以 0 开头的数字，
* 但适用性比原先更广。
*/
cv = 0 + v;
if (!o[cv]) {
a.push(v);
o[cv] = true;
}
}
return a;
}
如果大家想在此解题思路的基础上，更完美一点，推荐 Dexter.Yy 的方法，进行类型判断，给予唯一标示符，详见 评论 20 楼。
没有最好，只有最合适的方式，其实使用 Array.indexOf() 的思路也是不错的选择，对于已经支持的浏览器直接用原生的 Array.indexOf() 方法，对于未支持的，我们增加 Array.indexOf() 方法，如下：
复制代码 代码如下:
if(!Array.prototype.indexOf) {
Array.prototype.indexOf = function (obj, fromIndex) {
if (fromIndex == null) {
fromIndex = 0;
} else if (fromIndex < 0) {
fromIndex = Math.max(0, this.length + fromIndex);
}
for (var i = fromIndex; i < this.length; i++) {
if (this[i] === obj)
return i;
}
return -1;
};
}
接下来，实现的过程就非常简单了。
对于使用 Array.indexOf() 方法实现方案的优化提示：找到相同值时，从数组中移除，以减少下次遍历的量。
评论 (0) All
