菜单

JS查找数组中再一次元素的措施详解

2019年6月15日 - CSS/CSS3

正文实例讲述了JS查找数组中再一次成分的法子。分享给大家供咱们参谋,具体如下:

JS
清除字符串数组中,重复元素的兑现格局

JS的数据类型有贰个数组。明日我们就来钻探对数组的一种处理。相信广大人都境遇过从数组中搜索出不重复的成分,不过本人遇上的却是从数组中探求出双重的要素。

<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> 

从js数组中查寻找不重复的成分的措施有许多,上边就给大家罗列一个:

如上那篇JS
清除字符串数组中,重复成分的达成方式正是笔者分享给大家的全体内容了,希望能给我们一个参阅,也盼望我们多多补助脚本之家。

<!DOCTYPE html>
<html>
<body>
<script>
Array.prototype.deleteEle=function(){
  var newArr = this;
  for (var i=newArr.length-1; i>=0; i--)
  {
    var targetNode = newArr[i];
    for (var j=0; j<i; j++)
    {
      if(targetNode == newArr[j]){
        newArr.splice(i,1);
        break;
      }
    }
  }
  return newArr;
}
var arr = ["a","b","c","c","ab","d","ab","d","c"];
console.log(arr.deleteEle());
</script>
</body>
</html>

您恐怕感兴趣的稿子:

运作效果图如下:

图片 1

上边再给大家罗列三个从js数组重查搜索重新成分的方式:

<!DOCTYPE html>
<html>
<body>
<script>
var a = [5,4,3,2,1,2,3,2,1,];
Array.prototype.duplicate=function() {
  var tmp = [];
  this.concat().sort().sort(function(a,b){
    if(a==b && tmp.indexOf(a) === -1) tmp.push(a);
  });
  return tmp;
}
console.log(a.duplicate())
</script>
</body>
</html>

运维效果图如下:

图片 2

PS:这里再为大家提供三款去重新工具供我们参照他事他说加以考查使用:

在线去除重复项工具: http://tools.jb51.net/code/quchong

在线文本去重新工具: http://tools.jb51.net/aideddesign/txt_quchong

愈来愈多关于JavaScript相关内容感兴趣的读者可查阅本站专项论题:《JavaScript数组操作技术计算》、《JavaScript排序算法总括》、《JavaScript数学生运动算用法总括》、《JavaScript数据结构与算法技艺总计》、《JavaScript遍历算法与技巧总计》、《JavaScript查找算法技艺计算》及《JavaScript错误与调解技术总括

盼望本文所述对我们JavaScript程序设计具备援救。

您恐怕感兴趣的小说:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图