JS實(shí)現(xiàn)的數(shù)組去除重復(fù)數(shù)據(jù)算法小結(jié)
本文實(shí)例講述了JS實(shí)現(xiàn)的數(shù)組去除重復(fù)數(shù)據(jù)算法。分享給大家供大家參考,具體如下:
在JS中經(jīng)常會(huì)遇到去除數(shù)組中重復(fù)數(shù)據(jù)的需求,在此介紹四種算法以實(shí)現(xiàn)JS數(shù)組去重的功能.
1. 速度最快算法:對(duì)象鍵值對(duì)法
實(shí)現(xiàn)思路:新建一js對(duì)象以及新數(shù)組,遍歷傳入數(shù)組時(shí),判斷值是否為js對(duì)象的鍵,不是的話給對(duì)象新增該鍵并放入新數(shù)組。
//注意點(diǎn): 判斷 是否為js對(duì)象鍵時(shí),會(huì)自動(dòng)對(duì)傳入的鍵執(zhí)行“toString()”,不同的鍵可能會(huì)被誤認(rèn)為一樣;例如: a[1]、a["1"] 。解決上述問題還是得調(diào)用“indexOf”。 //速度最快, 占空間最多(空間換時(shí)間) 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; } //測(cè)試代碼: 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ù)組。(檢測(cè)到有重復(fù)值時(shí)終止當(dāng)前循環(huán)同時(shí)進(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; } //測(cè)試代碼: 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í)新數(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; } //測(cè)試代碼: 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; } //測(cè)試代碼: 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錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- 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對(duì)象實(shí)現(xiàn)動(dòng)態(tài)添加、修改、刪除功能示例
- JS刪除數(shù)組里的某個(gè)元素方法
- js判斷數(shù)組是否包含某個(gè)字符串變量的實(shí)例
- js 獲取json數(shù)組里面數(shù)組的長(zhǎng)度實(shí)例
- JS實(shí)現(xiàn)數(shù)組去重方法總結(jié)(六種方法)
- JS查找數(shù)組中重復(fù)元素的方法詳解
- js中數(shù)組常用方法總結(jié)(推薦)
相關(guān)文章
動(dòng)態(tài)加載JavaScript文件的3種方式
第一種是使用document.write/writeln()方式,第二種使用jQuery,第三種是使用原生js方法,感興趣的小伙伴們可以參考一下2018-05-05JavaScript實(shí)現(xiàn)shuffle數(shù)組洗牌操作示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)shuffle數(shù)組洗牌操作,結(jié)合實(shí)例形式分析了javascript數(shù)組的定義、構(gòu)造、排序等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01javascript 可控式透明特效實(shí)現(xiàn)代碼
透明特效是script.aculo.us提到的特效中最簡(jiǎn)單的特效之一。既然是特效,必須涉及時(shí)間與空間的概念。時(shí)間我們可以用setTimeout與setInterval,個(gè)人比較喜歡setTimeout,雖然它每次調(diào)用都重復(fù)注冊(cè),但可控性比較好。2010-01-01javascript遍歷json對(duì)象的key和任意js對(duì)象屬性實(shí)例
下面小編就為大家?guī)?lái)一篇javascript遍歷json對(duì)象的key和任意js對(duì)象屬性實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-03-03javascript設(shè)置和獲取cookie的方法實(shí)例詳解
這篇文章主要介紹了javascript設(shè)置和獲取cookie的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析總結(jié)了JavaScript操作cookie簡(jiǎn)單實(shí)現(xiàn)數(shù)據(jù)存儲(chǔ)與讀取的相關(guān)技巧,需要的朋友可以參考下2016-01-01JavaScript中函數(shù)聲明優(yōu)先于變量聲明的實(shí)例分析
同一個(gè)標(biāo)示符,先后用var和function聲明它。最后它是什么呢2012-03-03JavaScript基于DOM操作實(shí)現(xiàn)簡(jiǎn)單的數(shù)學(xué)運(yùn)算功能示例
這篇文章主要介紹了JavaScript基于DOM操作實(shí)現(xiàn)簡(jiǎn)單的數(shù)學(xué)運(yùn)算功能,涉及javascript節(jié)點(diǎn)操作、元素遍歷及數(shù)學(xué)運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-01-01在LayUI圖片上傳中,解決由跨域問題引起的請(qǐng)求接口錯(cuò)誤的方法
今天小編就為大家分享一篇在LayUI圖片上傳中,解決由跨域問題引起的請(qǐng)求接口錯(cuò)誤的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-09-09