js 巧妙去除數(shù)組中的重復(fù)項(xiàng)
更新時間:2010年01月25日 21:37:02 作者:
最近, 我在看YAHOO.util.YUILoader類的源碼, 其中有個排除數(shù)組重復(fù)項(xiàng)的方法, 讓我覺得甚為巧妙, 這里分享下…
時不時的看下YUI的源碼, 總會有些收獲.
一. YUI中的源碼'
var toObject = function(a) {
var o = {};
for (var i=0, j=a.length; i<j; i=i+1) { // 這里我調(diào)整了下, YUI源碼中是i<a.length
o[a[i]] = true;
}
return o;
};
var keys = function(o) {
var a=[], i;
for (i in o) {
if (o.hasOwnProperty(i)) { // 這里, YUI源碼中是lang.hasOwnProperty(o, i)
a.push(i);
}
}
return a;
};
var uniq = function(a) {
return keys(toObject(a));
};
注:為了書寫方便, 我省略了各方法前的類名, 大伙可自行查閱YUI的源碼, 2.7.0b與2.8.0r4均可(此部分的代碼是一樣的).
二. 該方法的思路
1. 先以目標(biāo)數(shù)組的值為key生成一個對象. 這一步是最核心的: 因?yàn)樵谝粋€對象中, key是無法重復(fù)的, 這樣就很巧妙的排除了重復(fù)值;
2. 遍歷生成的對象, 將這些key取出來放到一個數(shù)組中, OK, 到此就大功告成了!(簡單吧, 只需兩步就行)
三. 該方法的特點(diǎn)
1. 對于該方法, 不論數(shù)組有多少項(xiàng), 都只會遍歷兩次, 在性能上的優(yōu)勢較明顯(想想自己以前的做法: 對數(shù)組項(xiàng)進(jìn)行逐個對比, 其性能之差, 可想而知).
2. 經(jīng)我的測試, 該方法只適用于數(shù)組項(xiàng)為字符串, 數(shù)字的一維數(shù)組(我覺得, 對多維數(shù)組進(jìn)行排除重復(fù)項(xiàng)的操作, 實(shí)在是太杯具了!).
其它的方法可以參考上一篇文章。
一. YUI中的源碼'
復(fù)制代碼 代碼如下:
var toObject = function(a) {
var o = {};
for (var i=0, j=a.length; i<j; i=i+1) { // 這里我調(diào)整了下, YUI源碼中是i<a.length
o[a[i]] = true;
}
return o;
};
var keys = function(o) {
var a=[], i;
for (i in o) {
if (o.hasOwnProperty(i)) { // 這里, YUI源碼中是lang.hasOwnProperty(o, i)
a.push(i);
}
}
return a;
};
var uniq = function(a) {
return keys(toObject(a));
};
注:為了書寫方便, 我省略了各方法前的類名, 大伙可自行查閱YUI的源碼, 2.7.0b與2.8.0r4均可(此部分的代碼是一樣的).
二. 該方法的思路
1. 先以目標(biāo)數(shù)組的值為key生成一個對象. 這一步是最核心的: 因?yàn)樵谝粋€對象中, key是無法重復(fù)的, 這樣就很巧妙的排除了重復(fù)值;
2. 遍歷生成的對象, 將這些key取出來放到一個數(shù)組中, OK, 到此就大功告成了!(簡單吧, 只需兩步就行)
三. 該方法的特點(diǎn)
1. 對于該方法, 不論數(shù)組有多少項(xiàng), 都只會遍歷兩次, 在性能上的優(yōu)勢較明顯(想想自己以前的做法: 對數(shù)組項(xiàng)進(jìn)行逐個對比, 其性能之差, 可想而知).
2. 經(jīng)我的測試, 該方法只適用于數(shù)組項(xiàng)為字符串, 數(shù)字的一維數(shù)組(我覺得, 對多維數(shù)組進(jìn)行排除重復(fù)項(xiàng)的操作, 實(shí)在是太杯具了!).
其它的方法可以參考上一篇文章。
您可能感興趣的文章:
- JS實(shí)現(xiàn)合并兩個數(shù)組并去除重復(fù)項(xiàng)只留一個的方法
- JavaScript合并兩個數(shù)組并去除重復(fù)項(xiàng)的方法
- javascript 刪除數(shù)組中重復(fù)項(xiàng)(uniq)
- 如何高效率去掉js數(shù)組中的重復(fù)項(xiàng)
- JS簡單去除數(shù)組中重復(fù)項(xiàng)的方法
- javascript數(shù)字?jǐn)?shù)組去重復(fù)項(xiàng)的實(shí)現(xiàn)代碼
- JS基于對象的特性實(shí)現(xiàn)去除數(shù)組中重復(fù)項(xiàng)功能詳解
- JavaScript基于對象去除數(shù)組重復(fù)項(xiàng)的方法
- JavaScript去掉數(shù)組重復(fù)項(xiàng)的方法分析【測試可用】
相關(guān)文章
使用Turn.js實(shí)現(xiàn)翻書效果的完整步驟
最近項(xiàng)目經(jīng)理我個項(xiàng)目練練手,其項(xiàng)目需求是要實(shí)現(xiàn)翻書效果,下面這篇文章主要給大家介紹了關(guān)于使用Turn.js實(shí)現(xiàn)翻書效果的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12淺談webpack devtool里的7種SourceMap模式
這篇文章主要介紹了淺談webpack devtool里的7種SourceMap模式,主要介紹了這7種模式的使用和打包編譯后的結(jié)果的不同,非常具有實(shí)用價(jià)值,有興趣的可以了解一下2019-01-01uni-app h5端在jenkins構(gòu)建報(bào)錯解決
這篇文章主要為大家介紹了uni-app h5端在jenkins構(gòu)建報(bào)錯解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06JavaScript 中判斷變量是否為數(shù)字的示例代碼
這篇文章主要介紹了JavaScript 中判斷變量是否為數(shù)字的示例代碼,代碼簡單易懂對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10詳解layui?laydate選擇時間的回調(diào)方法
這篇文章主要介紹了layui?laydate選擇時間的回調(diào)方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01使用iframe實(shí)現(xiàn)pdf文件預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了如何使用iframe實(shí)現(xiàn)pdf文件預(yù)覽功能,以及iframe預(yù)覽報(bào)錯問題和iframe未能加載PDF文檔,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-09-09JavaScript實(shí)現(xiàn)串行請求的示例代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)串行請求的示例代碼,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下2020-09-09用JavaScript實(shí)現(xiàn)一個代碼簡潔、邏輯不復(fù)雜的多級樹
這篇文章主要介紹了用JavaScript實(shí)現(xiàn)一個代碼簡潔、邏輯不復(fù)雜的多級樹,需要的朋友可以參考下2014-05-05