JS實(shí)現(xiàn)的數(shù)組去除重復(fù)數(shù)據(jù)算法小結(jié)
本文實(shí)例講述了JS實(shí)現(xiàn)的數(shù)組去除重復(fù)數(shù)據(jù)算法。分享給大家供大家參考,具體如下:
在JS中經(jīng)常會遇到去除數(shù)組中重復(fù)數(shù)據(jù)的需求,在此介紹四種算法以實(shí)現(xiàn)JS數(shù)組去重的功能.
1. 速度最快算法:對象鍵值對法
實(shí)現(xiàn)思路:新建一js對象以及新數(shù)組,遍歷傳入數(shù)組時,判斷值是否為js對象的鍵,不是的話給對象新增該鍵并放入新數(shù)組。
//注意點(diǎn): 判斷 是否為js對象鍵時,會自動對傳入的鍵執(zhí)行“toString()”,不同的鍵可能會被誤認(rèn)為一樣;例如: a[1]、a["1"] 。解決上述問題還是得調(diào)用“indexOf”。
//速度最快, 占空間最多(空間換時間)
function unique(array){
var n = {}, r = [], len = array.length, val, type;
for (var i = 0; i < array.length; i++) {
val = array[i];
type = typeof val;
if (!n[val]) {
n[val] = [type];
r.push(val);
} else if (n[val].indexOf(type) < 0) {
n[val].push(type);
r.push(val);
}
}
return r;
}
//測試代碼:
var arr=[1,2,3,4,5,29,5,3,1,2];
var rel=unique(arr);
console.log(rel);
運(yùn)行結(jié)果:

2.最巧妙算法:優(yōu)化遍歷數(shù)組法
實(shí)現(xiàn)思路:獲取沒重復(fù)的最右一值放入新數(shù)組。(檢測到有重復(fù)值時終止當(dāng)前循環(huán)同時進(jìn)入頂層循環(huán)的下一輪判斷)
function unique1(array){
var r = [];
for(var i = 0, l = array.length; i<l; i++){
for(var j = i + 1; j < l; j++)
if(array[i] == array[j]) j == ++i;
r.push(array[i]);
}
return r;
}
//測試代碼:
var arr=[1,2,3,4,5,29,5,2];
var rel=unique1(arr);
console.log(rel);
運(yùn)行結(jié)果:

3.算法:排序后相鄰去除法
實(shí)現(xiàn)思路:給傳入數(shù)組排序,排序后相同值相鄰,然后遍歷時新數(shù)組只加入不與前一值重復(fù)的值。
//將相同的值相鄰,然后遍歷去除重復(fù)值
function unique2(array){
array.sort();
var re=[array[0]];
for(var i = 1; i < array.length; i++){
if( array[i] !== re[re.length-1])
{
re.push(array[i]);
}
}
return re;
}
//測試代碼:
var arr=[1,2,3,4,5,29,5,2,3,1];
var rel=unique2(arr);
console.log(rel);
運(yùn)行結(jié)果:

4.算法:數(shù)組下標(biāo)判斷法
實(shí)現(xiàn)思路:如果當(dāng)前數(shù)組的第i項(xiàng)在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i,那么表示第i項(xiàng)是重復(fù)的,忽略掉。否則存入結(jié)果數(shù)組
function unique3(array){
var n = [array[0]]; //結(jié)果數(shù)組
//從第二項(xiàng)開始遍歷
for(var i = 1; i < array.length; i++) {
//如果當(dāng)前數(shù)組的第i項(xiàng)在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i,
//那么表示第i項(xiàng)是重復(fù)的,忽略掉。否則存入結(jié)果數(shù)組
if (array.indexOf(array[i]) == i) n.push(array[i]);
}
return n;
}
//測試代碼:
var arr=[1,2,3,4,5,29,3,4,2,5,1];
var rel=unique3(arr);
console.log(rel);
運(yùn)行結(jié)果:

PS:這里再為大家提供幾款去重復(fù)工具供大家參考使用:
在線去除重復(fù)項(xiàng)工具:
http://tools.jb51.net/code/quchong
在線文本去重復(fù)工具:
http://tools.jb51.net/aideddesign/txt_quchong
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JS實(shí)現(xiàn)將二維數(shù)組轉(zhuǎn)為json格式字符串操作示例
- PHP實(shí)現(xiàn)數(shù)組轉(zhuǎn)JSon和JSon轉(zhuǎn)數(shù)組的方法示例
- js 數(shù)組詳細(xì)操作方法及解析合集
- JS數(shù)組去重常用方法實(shí)例小結(jié)【4種方法】
- JavaScript數(shù)組,JSON對象實(shí)現(xiàn)動態(tài)添加、修改、刪除功能示例
- JS刪除數(shù)組里的某個元素方法
- js判斷數(shù)組是否包含某個字符串變量的實(shí)例
- js 獲取json數(shù)組里面數(shù)組的長度實(shí)例
- JS實(shí)現(xiàn)數(shù)組去重方法總結(jié)(六種方法)
- JS查找數(shù)組中重復(fù)元素的方法詳解
- js中數(shù)組常用方法總結(jié)(推薦)
相關(guān)文章
javascript實(shí)現(xiàn)遮罩層動態(tài)效果實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)遮罩層動態(tài)效果,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
js 聲明數(shù)組和向數(shù)組中添加對象變量的簡單實(shí)例
下面小編就為大家?guī)硪黄猨s 聲明數(shù)組和向數(shù)組中添加對象變量的簡單實(shí)例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
FireFox與IE 下js兼容觸發(fā)click事件的代碼
FireFox與IE 下js兼容觸發(fā)click事件 ,對于需要兼容這兩者的朋友,就需要參考下下面的代碼了2008-11-11
JavaScript中小數(shù)點(diǎn)精度丟失的原因以及解決方法
計算機(jī)再大的內(nèi)存它也存不下,所以不能存儲一個相對于數(shù)學(xué)來說的值,只能存儲一個近似值,所以當(dāng)計算機(jī)存儲后再取出來用時就會出現(xiàn)精度問題,下面這篇文章主要給大家介紹了關(guān)于JavaScript中小數(shù)點(diǎn)精度丟失的原因以及解決方法,需要的朋友可以參考下2023-10-10
一個JavaScript遞歸實(shí)現(xiàn)反轉(zhuǎn)數(shù)組字符串的實(shí)例
這篇文章主要介紹了一個JavaScript遞歸實(shí)現(xiàn)反轉(zhuǎn)數(shù)組字符串的實(shí)例,很不錯,非常適合新手朋友們2014-10-10
原生JS+HTML5實(shí)現(xiàn)的可調(diào)節(jié)寫字板功能示例
這篇文章主要介紹了原生JS+HTML5實(shí)現(xiàn)的可調(diào)節(jié)寫字板功能,涉及javascript結(jié)合HTML5屬性動態(tài)操作頁面元素實(shí)現(xiàn)繪圖功能相關(guān)技巧,需要的朋友可以參考下2018-08-08
Bootstrap編寫一個兼容主流瀏覽器的受眾巨幕式風(fēng)格頁面
這篇文章主要介紹了Bootstrap編寫一個兼容IE8、谷歌等主流瀏覽器的受眾巨幕式風(fēng)格頁面,感興趣的小伙伴們可以參考一下2016-07-07
JavaScript隊(duì)列函數(shù)和異步執(zhí)行詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript隊(duì)列函數(shù)和異步執(zhí)行的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06

