欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript數(shù)組去掉重復

 更新時間:2011年05月12日 23:27:46   作者:  
去tx面試過幾次,基本都會考到數(shù)組去重。其實平時工作中幾乎不會用到,再者也沒認真去了解過,所以基本上每次面到這里都會露出很大的馬腳,面試自然也over了
總得來說面試的過程還是收獲了不少,主要是認清自己的差距到底有多大,知識面到底有多窄,適當打擊一下自信心還是有必要的。在這里做一次全面的總結,關于javascript的數(shù)組去重問題。

考慮一個問題由簡到繁相對容易接受一點,首先假設要去重的數(shù)組是比較簡單的,例如:
復制代碼 代碼如下:

var arr=[1,2,2,3,'5',6,5,'',' ']

這個數(shù)組只包含了數(shù)字,字符串兩種類型。我們給數(shù)組原型上面添加去重的方法distinct,用第一種很容易想到的方法來實現(xiàn),當然也是很笨很直接的,把這個數(shù)組復制一份然后循環(huán)兩個數(shù)組,對比當前值與后面所有的值是否相等,如果與后面所有值都不等則把該值存到新數(shù)組里,如此最后再返回該新數(shù)組。方法如下:
復制代碼 代碼如下:

//第一種方法
Array.prototype.distinct=function(){
var clone,newArr=[],n=0;
if(this.length<2)return;
clone=this;
for(var i=0,len=this.length;i<len;i++){
for(var j=i+1,len2=clone.length;j<len2;j++){
if(this[i]!==clone[j]){
n++;
}
}
if(n==(len-i-1)){
newArr.push(this[i])
}
n=0;
}
return newArr;
}
console.log([1,2,2,3,'5',6,5,'',' '].distinct());
/*獲得被check的radio的值*/
function GetRadioValue(RadioName){
var obj;
obj=document.getElementsByName(RadioName);
if(obj!=null){
var i;
for(i=0;i<obj.length;i++){
if(obj[i].checked){
return obj[i].value;
}
}
}
return null;
}

/*設置被選中屬性*/
function SetRadioCheck(RadioName,i){
var obj;
obj=document.getElementsByName(RadioName);
obj[i].setAttribute("checked","checked");
}

基本可以滿足我們的需求,對這樣簡單的類型比較確實不用費太多的腦經(jīng),但如果數(shù)組很長呢?如此遍歷數(shù)組,數(shù)組長度為n,那么時間復雜度為n*n。顯然該方法性能還有待提升。接下來是第二種方法,用到數(shù)組排序,在排序的過程去除重復的值。
復制代碼 代碼如下:

//第二種方法
Array.prototype.distinct=function(){
var newArr=this.concat().sort(),self=this;
newArr.sort(function(a,b){
var n;
if(a===b){
n=self.indexOf(a);
self.splice(n,1);
}
});
return self;
}
console.log([1,2,2,3,'5',6,5,6,6,15,5,'5',5,'',' '].distinct());

這樣代碼看起來似乎短了很多,甚至連一個for循環(huán)都沒有,但是sort得效率也高不到哪里去。再來看看第三種實現(xiàn)方法,用到的對象屬性不會重名的原理
復制代碼 代碼如下:

//第三種方法
Array.prototype.distinct=function(){
var newArr=[],obj={};
for(var i=0,len=this.length;i<len;i++){
if(!obj[this[i]]){
newArr.push(this[i]);
obj[this[i]]='new';
}
}
return newArr;
}
console.log([1,2,2,3,'5',6,5,6,6,15,5,'5',5,'',' '].distinct());

第三種方法運行看下結果,會發(fā)現(xiàn)跟上面的方法實現(xiàn)的結果不一致,細看原來它把數(shù)字5和字符串5當成重復的值給去掉了。看來類型必須保存起來然后再判斷是否相等,這樣便有了下面的第三種方法的補充版
復制代碼 代碼如下:

//第三種方法補充版
Array.prototype.distinct=function(){
var newArr=[],obj={};
for(var i=0,len=this.length;i<len;i++){
if(!obj[typeof(this[i])+this[i]]){
newArr.push(this[i]);
obj[typeof(this[i])+this[i]]='new';
}
}
return newArr;
}

上面舉的例子是很簡單的類型,我們拿更復雜的類型來測試一下
復制代碼 代碼如下:

console.log([1,null,2,{a:'vc'},{},'5',6,5,6,{a:'vv'},15,5,'5',5,'',' ',[1],[1],[1,2],,].distinct());

發(fā)現(xiàn){a:'vc'},{},{a:'vv'}這些不同的對象還是會被剔除掉,如果數(shù)組里面有對象則要繼續(xù)遍歷對象里面的屬性和值,繼續(xù)第三種方法的加強
復制代碼 代碼如下:

//第三種方法加強版
Array.prototype.distinct=function(){
var sameObj=function(a,b){
var tag = true;
if(!a||!b)return false;
for(var x in a){
if(!b[x])
return false;
if(typeof(a[x])==='object'){
tag=sameObj(a[x],b[x]);
}else{
if(a[x]!==b[x])
return false;
}
}
return tag;
}
var newArr=[],obj={};
for(var i=0,len=this.length;i<len;i++){
if(!sameObj(obj[typeof(this[i])+this[i]],this[i])){
newArr.push(this[i]);
obj[typeof(this[i])+this[i]]=this[i];
}
}
return newArr;
}

用上面的例子測試發(fā)現(xiàn)基本木有問題,當然測試還可以更加變態(tài)更加糾纏,這里就不去深究了,目前來看此篇方法在網(wǎng)上屬于比較齊全的,如果有更好更完善的方法請不吝賜教。

相關文章

  • 當$.get返回失敗后調用fail方法示例詳解

    當$.get返回失敗后調用fail方法示例詳解

    這篇文章主要介紹了當$.get返回失敗后,調用fail方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-12-12
  • Javascript實現(xiàn)單張圖片瀏覽

    Javascript實現(xiàn)單張圖片瀏覽

    這篇文章主要介紹了Javascript實現(xiàn)單張圖片瀏覽,非常的簡單,是學習javascript時練手用的,跟我一樣的菜鳥看看吧,大神請略過
    2014-12-12
  • BootStrap注意事項小結(五)表單

    BootStrap注意事項小結(五)表單

    這篇文章主要介紹了BootStrap注意事項小結(五)表單的相關資料,非常不錯,具有參考借鑒價值,,需要的朋友可以參考下
    2017-03-03
  • js前端面試之同步與異步問題詳解

    js前端面試之同步與異步問題詳解

    這篇文章主要給大家介紹了關于js前端面試之同步與異步問題的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用js具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧
    2019-04-04
  • 手把手教你實現(xiàn)一個JavaScript時間軸組件

    手把手教你實現(xiàn)一個JavaScript時間軸組件

    本文主要是給大家?guī)硪粋€時間軸的組件開發(fā)教程,其主要功能就是可以拖動時間軸來定位當前時間,可以通過鼠標滾輪來修改當前時間分辨率,需要的可以參考一下
    2022-10-10
  • JSDoc 介紹使用規(guī)范JsDoc的使用介紹

    JSDoc 介紹使用規(guī)范JsDoc的使用介紹

    JsDoc Toolkit 是一個把js描述格式化成文檔的工具。開發(fā)者只需按JsDoc的規(guī)范寫好注釋就可以很方便導出文檔。它是google 推薦的 JsDoc生成工具。
    2011-02-02
  • js保留小數(shù)點后幾位的寫法

    js保留小數(shù)點后幾位的寫法

    本篇文章主要是對js保留小數(shù)點后幾位的寫法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • JavaScript toDataURL圖片轉換問題解讀

    JavaScript toDataURL圖片轉換問題解讀

    這篇文章主要介紹了JavaScript toDataURL圖片轉換問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-06-06
  • jsonp跨域請求詳解

    jsonp跨域請求詳解

    這篇文章主要為大家詳細介紹了jsonp跨域請求的相關資料,激活了所有接口支持瀏覽器跨域請求的封裝,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • Js之軟鍵盤實現(xiàn)(js源碼)

    Js之軟鍵盤實現(xiàn)(js源碼)

    Js之軟鍵盤實現(xiàn)(js源碼)...
    2007-01-01

最新評論