JS實現(xiàn)的數(shù)組去除重復(fù)數(shù)據(jù)算法小結(jié)
本文實例講述了JS實現(xiàn)的數(shù)組去除重復(fù)數(shù)據(jù)算法。分享給大家供大家參考,具體如下:
在JS中經(jīng)常會遇到去除數(shù)組中重復(fù)數(shù)據(jù)的需求,在此介紹四種算法以實現(xiàn)JS數(shù)組去重的功能.
1. 速度最快算法:對象鍵值對法
實現(xiàn)思路:新建一js對象以及新數(shù)組,遍歷傳入數(shù)組時,判斷值是否為js對象的鍵,不是的話給對象新增該鍵并放入新數(shù)組。
//注意點: 判斷 是否為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);
運行結(jié)果:
2.最巧妙算法:優(yōu)化遍歷數(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);
運行結(jié)果:
3.算法:排序后相鄰去除法
實現(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);
運行結(jié)果:
4.算法:數(shù)組下標(biāo)判斷法
實現(xiàn)思路:如果當(dāng)前數(shù)組的第i項在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i,那么表示第i項是重復(fù)的,忽略掉。否則存入結(jié)果數(shù)組
function unique3(array){ var n = [array[0]]; //結(jié)果數(shù)組 //從第二項開始遍歷 for(var i = 1; i < array.length; i++) { //如果當(dāng)前數(shù)組的第i項在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i, //那么表示第i項是重復(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);
運行結(jié)果:
PS:這里再為大家提供幾款去重復(fù)工具供大家參考使用:
在線去除重復(fù)項工具:
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é)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JS實現(xiàn)將二維數(shù)組轉(zhuǎn)為json格式字符串操作示例
- PHP實現(xiàn)數(shù)組轉(zhuǎn)JSon和JSon轉(zhuǎn)數(shù)組的方法示例
- js 數(shù)組詳細(xì)操作方法及解析合集
- JS數(shù)組去重常用方法實例小結(jié)【4種方法】
- JavaScript數(shù)組,JSON對象實現(xiàn)動態(tài)添加、修改、刪除功能示例
- JS刪除數(shù)組里的某個元素方法
- js判斷數(shù)組是否包含某個字符串變量的實例
- js 獲取json數(shù)組里面數(shù)組的長度實例
- JS實現(xiàn)數(shù)組去重方法總結(jié)(六種方法)
- JS查找數(shù)組中重復(fù)元素的方法詳解
- js中數(shù)組常用方法總結(jié)(推薦)
相關(guān)文章
JavaScript實現(xiàn)shuffle數(shù)組洗牌操作示例
這篇文章主要介紹了JavaScript實現(xiàn)shuffle數(shù)組洗牌操作,結(jié)合實例形式分析了javascript數(shù)組的定義、構(gòu)造、排序等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01javascript遍歷json對象的key和任意js對象屬性實例
下面小編就為大家?guī)硪黄猨avascript遍歷json對象的key和任意js對象屬性實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03javascript設(shè)置和獲取cookie的方法實例詳解
這篇文章主要介紹了javascript設(shè)置和獲取cookie的方法,結(jié)合實例形式較為詳細(xì)的分析總結(jié)了JavaScript操作cookie簡單實現(xiàn)數(shù)據(jù)存儲與讀取的相關(guān)技巧,需要的朋友可以參考下2016-01-01JavaScript中函數(shù)聲明優(yōu)先于變量聲明的實例分析
同一個標(biāo)示符,先后用var和function聲明它。最后它是什么呢2012-03-03JavaScript基于DOM操作實現(xiàn)簡單的數(shù)學(xué)運算功能示例
這篇文章主要介紹了JavaScript基于DOM操作實現(xiàn)簡單的數(shù)學(xué)運算功能,涉及javascript節(jié)點操作、元素遍歷及數(shù)學(xué)運算相關(guān)操作技巧,需要的朋友可以參考下2017-01-01在LayUI圖片上傳中,解決由跨域問題引起的請求接口錯誤的方法
今天小編就為大家分享一篇在LayUI圖片上傳中,解決由跨域問題引起的請求接口錯誤的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09