首頁 > web前端 > js教程 > 主體

高效率去掉js數組中重複項的方法

不言
發布: 2018-04-26 14:35:15
原創
1597 人瀏覽過

Array型別並沒有提供去重複的方法,如果要把陣列的重複元素幹掉,那得自己想辦法。所以以下就給大家分享關於高效率去掉js數組中重複項的方法,有需要的朋友可以參考一下


這是一個高效率去除重複的方法:

function hovercUnique(arr) {
var result = [], hash = {};
for (var i = 0, elem; (elem = arr[i]) != null; i++) {
if (!hash[elem]) {
result.push(elem);
hash[elem] = true;
}
}
return result;
//http://hovertree.com
}
登入後複製


使用範例效果:
#http://hovertree.com/texiao/jsstudy/4/

#http ://hovertree.com/code/dev/lg17a37a.htm

使用方法:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>高效率去掉js数组中重复项的特效 - 何问起</title><base target="_blank" />
<meta charset="utf-8" />
<style>a{color:deeppink;}</style>
</head>
<body>
<p><a href="http://hovertree.com/">首页</a> <a href="http://hovertree.com/texiao/">特效</a> <a href="http://hovertree.com/h/bjaf/ovjl4eus.htm">原文</a>
</p>
<p>
<script>
var h_hewenqiArray = new Array();
h_hewenqiArray[0] = "hovertree";
h_hewenqiArray[1] = "easysector";
h_hewenqiArray[2] = "hovertree";
h_hewenqiArray[3] = "keleyi";
h_hewenqiArray[4] = "keleyi";
h_hewenqiArray[5] = "何问起";
h_hewenqiArray[6] = "hovertree";
h_hewenqiArray[7] = "hoverclock";
h_hewenqiArray[8] = "yestop";
h_hewenqiArray[9] = 163;
h_hewenqiArray[10] = "何问起";
h_hewenqiArray[11] = 163;
h_hewenqiArray[12] = "hoverclock";
h_hewenqiArray[13] = "何问起";

var h_arrayLength = h_hewenqiArray.length;
document.write("原始数组元素个数:"+h_arrayLength + "<br />");
for (var i = 0; i < h_arrayLength; i++)
{
document.write(h_hewenqiArray[i]+"<br />");
}


function hovercUnique(arr) {
var result = [], hash = {};
for (var i = 0, elem; (elem = arr[i]) != null; i++) {
if (!hash[elem]) {
result.push(elem);
hash[elem] = true;
}
}
return result;
//http://hovertree.com
}

var h_hewenqiResult = hovercUnique(h_hewenqiArray);

var h_resultLength = h_hewenqiResult.length;
document.write("<br />去重复后数组元素个数:" + h_resultLength + "<br />");
for (var i = 0; i < h_resultLength; i++) {
document.write(h_hewenqiResult[i] + "<br />");
} 
</script>
</p>
<p style="border:solid 1px silver"><p>何问起 hovertree.com</p></p>
</body>
</html>
登入後複製


以上是高效率去掉js數組中重複項的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板