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 />
 &nbsp;&nbsp;方法一与方法二的思路是一样的,采用冒泡算法遍历各元素,方法一是方法二的简化过程。<br />
 &nbsp;&nbsp;方法四对字符型数组的效率是最高的, 且没有什么BUG. 而对于非字符型数组方法三和方法四都不适用。<br />
 &nbsp;&nbsp;方法三作者是梅花雪,方法四作者是seeu1688(kangel)。<br />
 &nbsp;&nbsp;注释里面得到的值为真实测出来的的值,也就是一个单独的函数算出来的时间差。<br />
 &nbsp;&nbsp;为了综合各个函数的写法而写在一起,所以得出来的值有误差,原因是内存中的缓存,导致后面的时间差基本为0ms。
 </div>
 <div id="divfooter"><a href="#">Written by Redhat</a> &nbsp; <a href="javascript:window.close()">[关闭窗口]</a></div>
</fieldset>

 

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

展开阅读全文

没有更多推荐了,返回首页