亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > JavaScript > 正文

javascript框架設計讀書筆記之數組的擴展與修復

2024-05-06 16:11:17
字體:
來源:轉載
供稿:網友
本文是司徒正美的《javascript框架設計》的第三章第2節的讀書筆記,本節主要介紹的是javascript數組的擴展與修復,本文則是選取了其中的重點部分展示給大家。
 
 

1.indexOf和lastIndexOf方法:

因為IE7在數組對象上使用indexOf會報錯,所以需要重寫一個兼容性的。

 

復制代碼代碼如下:

Array.prototype.lastIndexOf(item,index){
  var n = this.length,i = (index==null||index>n-1)?n-1:index;
  if(i < 0) i = n+i;
  for(;i>=0;i--)
    if(this[i] === item)   //全等判斷,indexOf,lastIndexOf
      return i;
  return -1;
}

 

2.shuffle方法:對數組進行洗牌。

 

復制代碼代碼如下:

function shuffle(target){
  var i = target.length, j ,temp;
  for(;i>0;j=parseInt(Math.random() * i), x = target[--i],target[i] = target[j],target[j]=x){}    
     //假設length=10,那么Math.random()*10->[0,10),parseInt后,[0,9],隨機的選擇一個與數組最后一項交換。第二次循環,[0,8],與數組的倒數第二項交換。
  return target;
}

 

3.數組的平坦化處理:flatten,返回一個一維數組

 

復制代碼代碼如下:

function flatten(arr){
  var result = [];
  arr.forEach(function(item){
    if(Array.isArray(item))   result.concat(flatten(item));
    else  result.push(item);
  });
  return result;
}

 

4.unique方法:對數組去重操作

此方法,面試官最喜歡問了,因為它有多種實現方法,最普通的是兩個for循環。一般知道的最多的是使用一個對象a,然后一個for循環數組arr,每次if(a[arr[i]])是否存在,不存在則push到你新定義的數組result中。存在就證明,重復,因此不用push到result中。這種方案,針對"123",123,會認為相同的,其實一個是字符串,一個是數字,不應該認為是相同的。

所以就出現了以下方法:[1,"1","1"]

 

復制代碼代碼如下:

 if ((typeof obj[array[i]]) != (typeof array[i]) || obj[array[i]] != array[i]) {
  a.push(array[i]);
  obj[array[i]] = array[i];
}

 

//首先判斷類型是否相同,如果相同,就判斷他們的值是否相等,不相等就存進去,相等就證明之前已經存在這個值了。

如果類型不相同,這里存在兩種情況,

第一種情況,obj之前已經存了此數據了,比如:obj[123] = 123,現在array[i] = "123",這時,typeof obj[array[i]])是數字,而typeof array[i]是字符串,因此存入數組中。

第二種情況是obj還沒存此數據,比如:array[i] = "123",obj["123"] = undefind,這時typeof obj[array[i]])就是typeof undefined = undefined,不等于typeof array[i],存入數組中。

此種方法,可以解決字符串和數字相同的情況,但是無法解決對象相同的情況。比如:a = {1:2}, b ={2:1};

第一次循環時,typeof obj[a] = undefined,typeof a = Object。存入obj[a] =a.其實就是obj[Object] = a;

第二次循環時,typeof obj[b] 等于typeof obj[Object]其實就是typeof a = object,typeof b = object.因此進入到obj[array[i]] != array[i]|,也就是obj[b]->obj[Object]->a != b,因此存入

obj[b] = b;也就是obj[Object] = b;覆蓋了之前的obj[Object] = a;

這種情況下,就會出現所有的對象,都只會存最后一個對象值。

當考慮對象時,我就會使用以下這種方法:

 

復制代碼代碼如下:

for(var i = 0; i < temp.length; i++){
                for(var j = i + 1; j < temp.length; j++){
                        if(temp[i] === temp[j]){
                                temp.splice( j, 1 );
                                j--;
                        }
                }
        }
 return temp;

 

5.數組排序:sort方法,如果要排序的是對象,可以自己寫一個compare(a,b){if(a.age>b.age) return 1;else return -1;},A.sort(compare).

6.min返回數組最小值:return Math.min.apply(0,array);

7.unshift在ie6,7下不返回數組長度。

 

復制代碼代碼如下:

if([].unshift(1)!==1)   //往空數組中從前面添加一項,其他瀏覽器會返回1,而IE6,7不會返回數組長度。這時就執行if語句
{
  var _unshift = Array.prototype.unshift;      //函數劫持。
  Array.prototype.unshift = function(){
    _unshift.apply(this,arguments);
    return this.length;
  }
}

 

8.splice在一個參數的情況下,IE8以及以下版本默認第二個參數為0,而其他瀏覽器是數組長度。

 

復制代碼代碼如下:

if([1,2,3].splice(1).length == 0)   //IE8以及以下版本會等于0,其他版本會等于3,進入if里面
{
  var _splice = Array.prototype.splice;
  Array.prototype.splice = function(a){
    if(arguments.length == 1)   //如果只有一個參數時
    {
      return _splice.call(this,a,this.length);
    }else{
      return _splice.apply(this,arguments);
    }
  }
}

 

這個方法會改變數組的選項,因此數組的push,pop,shift,unshift(這幾個方法也會修改數組的選項)都會調用這個方法來實現。

這里有一個地方需要注意:

 

復制代碼代碼如下:

var color = new Array('red','blue','yellow','black');
var color2 = color.splice(2,0,'brown','pink');
alert(color); // red,blue,brown,pink,yellow,black,在yellow選項上,開始操作,如果刪除為0,則添加的選項是在yellow之前插入。切記。

 
這里請大家去看下splice和slice的區別,返回值,以及對原數組的影響。

 

以上就是本節的內容的精簡版了,雖然精簡,但重點都在,希望對大家閱讀本節的時候能有所幫助


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美自拍视频在线观看| 日本精品中文字幕| 在线a欧美视频| 久久成人国产精品| 亚洲尤物视频网| 中文字幕国产亚洲2019| 欧美日韩中文在线观看| 美女av一区二区| 精品美女永久免费视频| 久久成人一区二区| 日韩欧美亚洲综合| 亚洲xxxxx电影| 亚洲精品成a人在线观看| 狠狠干狠狠久久| 亚洲国产精品久久精品怡红院| 久久91精品国产91久久跳| 亚洲成年人在线播放| 欧美在线激情网| 日本19禁啪啪免费观看www| 久久精品中文字幕一区| 欧美中文在线免费| 中文字幕亚洲综合久久筱田步美| 国产a∨精品一区二区三区不卡| 久久精品2019中文字幕| 亚洲欧美制服中文字幕| 亚洲日韩欧美视频一区| 国产亚洲免费的视频看| 在线观看欧美成人| 欧美巨乳在线观看| 国产成人精品免费久久久久| 九九久久国产精品| 国产精品黄页免费高清在线观看| 日av在线播放中文不卡| 亚洲人成伊人成综合网久久久| 欧美成人午夜激情在线| 18一19gay欧美视频网站| 久久久久久久久久久国产| 全亚洲最色的网站在线观看| 久久久久久久久国产精品| 国产欧美日韩高清| 亚洲综合国产精品| 精品亚洲夜色av98在线观看| 亚洲高清福利视频| 精品免费在线视频| 91中文在线视频| 一本色道久久综合狠狠躁篇的优点| 亚洲色图av在线| 欧美日本国产在线| 91天堂在线观看| 国产精品久久久亚洲| 精品久久久久久| 国产成人精品a视频一区www| 色www亚洲国产张柏芝| 国产精品www色诱视频| 日韩精品中文字幕视频在线| 国产视频亚洲视频| 国产精品视频网址| 久久久女女女女999久久| 欧美大尺度激情区在线播放| 91在线网站视频| 欧美影院成年免费版| 欧美中文字幕在线视频| 国产精品高清在线| 亚洲男人天堂网| 亚洲女同性videos| 精品久久在线播放| 社区色欧美激情 | 中国日韩欧美久久久久久久久| 精品欧美aⅴ在线网站| 成人福利免费观看| 久久久久久这里只有精品| 91产国在线观看动作片喷水| 日本欧美黄网站| 欧美疯狂做受xxxx高潮| 欧美特黄级在线| 久久久亚洲国产天美传媒修理工| 亚洲国产成人精品一区二区| 色悠悠国产精品| 色爱精品视频一区| 国产精品福利网| 麻豆一区二区在线观看| 亚洲wwwav| 亚洲精品二三区| www.欧美精品一二三区| 日韩在线视频中文字幕| 国产日韩视频在线观看| 亚洲国产女人aaa毛片在线| 狠狠干狠狠久久| 91色精品视频在线| 国产精品夜色7777狼人| 日韩av电影手机在线| 日韩欧美在线播放| 久久噜噜噜精品国产亚洲综合| 夜夜狂射影院欧美极品| 日韩电影在线观看永久视频免费网站| 欧美裸体xxxx极品少妇| 亚洲最大av在线| 91久久精品久久国产性色也91| 4k岛国日韩精品**专区| 国精产品一区一区三区有限在线| 91精品国产乱码久久久久久蜜臀| 91精品国产综合久久久久久蜜臀| 欧美xxxx14xxxxx性爽| 中文字幕免费精品一区高清| 精品国产老师黑色丝袜高跟鞋| 欧美巨猛xxxx猛交黑人97人| 成人免费自拍视频| 精品国偷自产在线视频99| 中文字幕视频一区二区在线有码| 欧美xxxwww| 伊人成人开心激情综合网| 91成人福利在线| 久久精品国亚洲| 国产精品www色诱视频| 亚洲老司机av| 九九热精品视频国产| 亚洲精品一区二区久| 日韩免费观看高清| 日韩电影免费观看在线观看| 国产精品精品久久久久久| 亚洲精品视频网上网址在线观看| 精品性高朝久久久久久久| 性欧美长视频免费观看不卡| 欧美大片欧美激情性色a∨久久| 久久久久久成人| 色综合久久精品亚洲国产| 国产亚洲精品久久久优势| 日韩精品视频在线播放| 久久夜色精品国产亚洲aⅴ| 激情懂色av一区av二区av| 亚洲片av在线| 国产日产欧美精品| 久久综合久久美利坚合众国| 欧美在线视频在线播放完整版免费观看| 欧美大肥婆大肥bbbbb| 国产精品视频白浆免费视频| 欧美日韩电影在线观看| 国内精品久久影院| 视频在线观看一区二区| 亚洲最大福利视频| 自拍亚洲一区欧美另类| 另类专区欧美制服同性| 91精品国产91久久久久久吃药| 久久人人爽亚洲精品天堂| 亚洲欧美日韩一区二区三区在线| www欧美xxxx| 日韩在线观看网站| 国语自产精品视频在免费| 中文字幕精品av| 久久在线观看视频| 亚洲人精选亚洲人成在线| 在线成人激情视频| 欧美裸身视频免费观看| 国产精品久久久久久久久久小说| 色www亚洲国产张柏芝| 日韩资源在线观看| 97国产在线观看| 精品视频—区二区三区免费| 久久久爽爽爽美女图片| 色偷偷av亚洲男人的天堂| www亚洲精品| 欧美性xxxx极品hd欧美风情| 欧美日韩一区二区免费在线观看| 成人久久久久久久|