js过滤数组重复元素

直接将代码另存为html

<style>
body, div , a {
color: #666666;
font-family: tahoma, verdana, 'courier new', sans-serif;
font-size: 12px !important;
font-size: 11px;
line-height: 18px;
background: white;
text-align: center;
}
a {
color: #2C78C5;
text-decoration:none;
}
a:hover {
/*color: red;
text-decoration:underline;*/
border-bottom: 1px dotted #ff0000;
text-decoration: none;
}
</style>
<style>
fieldset {
padding-right: 8px;
padding-left: 8px;
padding-top: 8px;
padding-bottom: 8px;
width: 78%;
}
legend {
margin-bottom: 0px;
font-size: 9pt;
}
#divheader {
width:100%;
text-align:right;
margin-top:0px;
padding-bottom:8px;
border-bottom:1px #cccccc solid;
}
#divfooter {
width:100%;
text-align:right;
margin-top:15px;
padding-top:8px;
border-top:1px #cccccc solid;
}
#divOut {
text-align:left;
/*float: left;*/
}
</style>
<fieldset>
<legend><b><a>菜单</a></b></legend>
<div id="divheader"><b><a>专注Web技术 体验开发乐趣 -- Redhat</a></b></div>
<div id="divOut">
<script language="JavaScript">
<!--
var arrData=new Array();
for(var i=0; i<1000; i++)
{
arrData[arrData.length] = String.fromCharCode(Math.floor(Math.random()*26)+97);
}
//document.write(arrData+"<br/>");
//方法一，普通遍历
function myArray_Unique(myArray)
{
//var myArray=new Array("a","a","c","a","c","d","e","f","f","g","h","g","h","k");
var haha=myArray;
for(var i=0;i<myArray.length;i++)
{
for(var j=0;j<myArray.length;j++)
{
temp=myArray[i];
if((i+j+1)<myArray.length&&temp==myArray[i+j+1]) //如果当前元素与后一个元素相等
haha.splice(i+j+1,1); //然后就移除下一个元素
}
}
return haha;
}
//方法二
function getUnique(someArray)
{
tempArray=someArray.slice(0);//复制数组到临时数组
for(var i=0;i<tempArray.length;i++)
{
for(var j=i+1;j<tempArray.length;)
{
if(tempArray[j]==tempArray[i])
//后面的元素若和待比较的相同，则删除并计数；
//删除后，后面的元素会自动提前，所以指针j不移动
{
tempArray.splice(j,1);
}
else
{
j++;
}
//不同，则指针移动
}
}
return tempArray;
}
//方法三 正则表达式 -- 适用于字符型数组
function getUnique2(A)
{
var str = "/x0f"+ A.join("/x0f");
while(/(/w+)[^/1]*/1/.test(str))
str = str.replace("/x0f"+ RegExp.$1, "");
return str.substr(1).split("/x0f");
}
//方法四 关联结构
Array.prototype.unique = array_unique;
function array_unique()
{
var o = new Object();
for (var i=0,j=0; i<this.length; i++)
{
if (typeof o[this[i]] == 'undefined')
{
o[this[i]] = j++;
}
}
this.length = 0;
for (var key in o)
{
this[o[key]] = key;
}
return this;
}

var d = new Date().getTime();
document.write(myArray_Unique(arrData));
d = new Date().getTime()-d;
document.write("<br/>2000元素 方法一算法计耗时 "+ d +" 毫秒!<br/><br/>"); //大约370ms~390ms左右
var d = new Date().getTime();
document.write(getUnique(arrData));
d = new Date().getTime()-d;
document.write("<br/>2000元素 方法二算法计耗时 "+ d +" 毫秒!<br/><br/>"); //大约360ms~380ms左右
var d = new Date().getTime();
document.write(getUnique2(arrData));
d = new Date().getTime()-d;
document.write("<br/>2000元素 正则表达式 方法三算法计耗时 "+ d +" 毫秒!<br/><br/>");//大约80ms左右
var d = new Date().getTime();
document.write(arrData.unique());
d = new Date().getTime()-d;
document.write("<br/>2000元素 关联结构 方法四算法计耗时 "+ d +" 毫秒!<br /><br />");//大约0ms~10ms左右
//-->
</script>
<font color="red"><b>附注：</b></font><br />
  方法一与方法二的思路是一样的，采用冒泡算法遍历各元素，方法一是方法二的简化过程。<br />
  方法四对字符型数组的效率是最高的, 且没有什么BUG. 而对于非字符型数组方法三和方法四都不适用。<br />
  方法三作者是梅花雪，方法四作者是seeu1688(kangel)。<br />
  注释里面得到的值为真实测出来的的值，也就是一个单独的函数算出来的时间差。<br />
  为了综合各个函数的写法而写在一起，所以得出来的值有误差，原因是内存中的缓存，导致后面的时间差基本为0ms。
</div>
<div id="divfooter"><a href="#">Written by Redhat</a>   <a href="javascript:window.close()">[关闭窗口]</a></div>
</fieldset>

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/liuqf_3310455/archive/2008/11/07/3235768.aspx