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

首頁 > 編程 > JavaScript > 正文

淺談javascript的Array.prototype.slice.call

2019-11-20 11:38:30
字體:
來源:轉載
供稿:網友

寫字前面

在js中我們經常會看到Array.prototype.slice.call(arguments,0)的寫法,當然,這個方法的作用也許大家都明白,那就是把類數組對象轉換成一個真正的數組。關于這個方法,我說說自己的理解。

這里涉及到slice()方法和call()方法,所以先簡單說說這兩個方法。

slice()方法

數組和字符串都有這個slice方法,這個方法的作用是截取一段數據。它接收兩個參數,第一個參數是要截取的位置索引,第二參數可選,表示要截取到的結束位置,但是不包括結束位置。在數組中,該方法的返回值是包含截取元素的組成的數組,在字符串中,該方法的返回值是包含截取字符串組成的字符串。

該方法也可以傳入負數值,當參數為負數的時候,將參數和數組或字符串的長度相加得到的正數作為實際的參數。

如下:

[1,2,3,4,5,6].slice(2,4);[1,2,3,4,5,6].slice(-4,-2);

返回值均為[3,4],為數組。

'everything'.slice(2,4);'everything'.slice(-4,-2);

返回值分別為'er'和'hi',為字符串。

如果之傳入一個參數的話,那就是輸出從開始位置到結束位置的所有元素。不再舉例。

字符串的其他類似方法

在字符串中,和slice()方法類型的還有兩個方法:

substring()和substr()方法。

其中,substring()方法表示返回從開始位置到結束位置的字符串,substr()接收兩個參數,第一個參數表示開始位置,第二個參數表示要截取的字符個數,和前兩個方法略有不同。

當傳入方法的參數為負數時,這三種方法又略有不同。

當傳入方法的參數為負數時:

slice()像上面說的,是負數加上字符串的長度得出相應的正值;

substring()方法的參數均置為零;

substr()方法的第一個參數為負值加上字符串長度得到的正值,第二個參數置為零。

call()和apply()方法

call()和apply()方法主要是用來擴充函數的作用域。

call()和apply()方法接收兩個參數:

apply():第一個參數是作用域,第二個是參數數組,其中第二個參數可以是數組實例,也可以是arguments對象。

call()方法也接收兩個參數,僅僅在于和apply()的傳參方式不同:傳遞函數的參數必須逐個寫入。

鑒于這里不是重點,在這里就不再贅述。

Array.prototype.slice.call(arguments,0)

在Array.prototype.slice.call(arguments,0)中,Array.prototype.slice調用的是Array的原型方法,對于正真的數組是有slice()方法,但是對于像arguments或者自己定義的一些類數組對象雖然存在length等若干屬性,但是并沒有slice()方法,所以對于這種類數組對象就得使用原型方法來使用slice()方法,即Array.prototype.slice(如果在自定義中的類數組對象中自定義了slice()方法,那么自然可以直接調用)。

所以,Array.prototype.slice.call(arguments,0)的意思就可以這樣理解:對于arguments類數組,我們調用Array.prototype.slice原型方法,并用call()方法,將作用域限定在arguments中,這里Array.prototype就可以理解為arguments,同參數0為slice()方法的第一個參數,即開始位置索引。通過這種方法就將arguments類數組轉換成了真數組。

當然,把arguments轉換為數組也可以用遍歷,那樣代碼自然就會多一些,而且不夠直接。

我們知道,Array.prototype.slice.call(arguments)能將具有length屬性的對象轉成數組,除了IE下的節點集合(因為ie下的dom對象是以com對象的形式實現的,js對象與com對象不能進行轉換)
如:

 var a={length:2,0:'first',1:'second'}; Array.prototype.slice.call(a);// ["first", "second"] var a={length:2}; Array.prototype.slice.call(a);// [undefined, undefined]

可能剛開始學習js的童鞋并不是很能理解這句為什么能實現這樣的功能。比如我就是一個,所以,來探究一下。

首先,slice有兩個用法,一個是String.slice,一個是Array.slice,第一個返回的是字符串,第二個返回的是數組,這里我們看第2個。

Array.prototype.slice.call(arguments)能夠將arguments轉成數組,那么就是arguments.toArray().slice();到這里,是不是就可以說Array.prototype.slice.call(arguments)的過程就是先將傳入進來的第一個參數轉為數組,再調用slice?
 
再看call的用法,如下例子

 var a = function(){   console.log(this);  // 'littledu'   console.log(typeof this);   // Object   console.log(this instanceof String);  // true } a.call('littledu');

可以看出,call了后,就把當前函數推入所傳參數的作用域中去了,不知道這樣說對不對,但反正this就指向了所傳進去的對象就肯定的了。
到這里,基本就差不多了,我們可以大膽猜一下slice的內部實現,如下

 Array.prototype.slice = function(start,end){   var result = new Array();   start = start || 0;   end = end || this.length; //this指向調用的對象,當用了call后,能夠改變this的指向,也就是指向傳進來的對象,這是關鍵   for(var i = start; i < end; i++){      result.push(this[i]);   }   return result; }

大概就是這樣吧,理解就行,不深究。

最后,附個轉成數組的通用函數

var toArray = function(s){  try{    return Array.prototype.slice.call(s);  } catch(e){      var arr = [];      for(var i = 0,len = s.length; i < len; i++){        //arr.push(s[i]);        arr[i] = s[i]; //據說這樣比push快      }       return arr;  }}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美男插女视频| 一区二区av在线| 亚洲网在线观看| 中国日韩欧美久久久久久久久| 亚洲电影天堂av| 成人免费自拍视频| 久久久久久有精品国产| 日韩欧美黄色动漫| 成人国产精品日本在线| 欧美另类高清videos| 日本精品性网站在线观看| 红桃视频成人在线观看| 国模视频一区二区三区| 久久香蕉国产线看观看av| 久久av资源网站| 亚洲激情视频网站| 黄色一区二区在线| 伊人精品在线观看| 久久亚洲成人精品| 欧美日韩国产丝袜另类| 国产欧美韩国高清| 日本精品一区二区三区在线播放视频| 久久久97精品| 深夜福利亚洲导航| 91成人国产在线观看| 中文字幕久久亚洲| 国产91免费观看| 国产成人av网| 欧美中文字幕精品| 欧美精品www在线观看| 91在线观看免费网站| 在线观看日韩专区| 亚洲国产精彩中文乱码av在线播放| 国产深夜精品福利| 成人免费看吃奶视频网站| 91精品国产自产在线老师啪| 亚洲人成在线观看网站高清| 亚洲www在线观看| 疯狂蹂躏欧美一区二区精品| 欧美在线www| 亚洲视频精品在线| 国产精品成人一区二区三区吃奶| 亚洲第一页在线| 欧美激情精品在线| 日韩av网站在线| 日本三级韩国三级久久| 亚洲国产精品va在看黑人| 国产精品旅馆在线| 91亚洲人电影| 日韩国产高清视频在线| 久久韩剧网电视剧| 亚洲影院在线看| 久久高清视频免费| 亚洲天堂av网| 日韩免费在线看| 欧美性jizz18性欧美| 亚洲成人激情图| 久久国产精品久久久久| 日韩视频免费大全中文字幕| 尤物九九久久国产精品的分类| 成人写真视频福利网| 色综合色综合网色综合| 国产一区二区免费| 国产主播在线一区| 亚洲va欧美va国产综合剧情| 国产精品99久久久久久久久久久久| 91在线免费看网站| 久久久视频免费观看| 热久久这里只有精品| 成人免费直播live| 欧美激情免费看| 欧美久久精品午夜青青大伊人| 亚洲欧美视频在线| 97在线精品国自产拍中文| 欧美日韩美女在线观看| 欧美在线视频免费观看| 国产成人综合一区二区三区| 国产欧美一区二区白浆黑人| 亚洲aa在线观看| 国产日韩中文在线| 国产成人精品久久久| 精品久久久久久久久久ntr影视| 国产一区二区三区在线观看视频| 久久久久久久久久久网站| 97在线免费视频| 中文字幕日韩专区| 日韩精品黄色网| 久久久久女教师免费一区| 欧美日本啪啪无遮挡网站| 久久综合久久八八| 日韩中文在线观看| 亚洲第一精品久久忘忧草社区| 欧美交受高潮1| 福利一区视频在线观看| 国产精品91在线观看| 亚洲va久久久噜噜噜久久天堂| 亚洲精品xxxx| 日韩电影中文字幕| 欧美乱妇高清无乱码| 久久综合伊人77777| 国产精品美女999| 欧美激情视频网| 成人在线激情视频| 日韩av免费在线| 97精品在线观看| 欧美乱人伦中文字幕在线| 亚洲大胆美女视频| 欧美专区日韩视频| 亚洲欧美一区二区三区在线| 国产精品久在线观看| 国产精品中文字幕在线观看| 欧美精品制服第一页| 久久国产精品亚洲| 欧美一级电影免费在线观看| 超在线视频97| 国产97在线亚洲| 国产欧美日韩精品在线观看| 91网站免费看| 81精品国产乱码久久久久久| 丁香五六月婷婷久久激情| 欧美成人中文字幕在线| 亚洲性xxxx| 成人性生交xxxxx网站| 久久99视频免费| 国产成人福利网站| 91精品91久久久久久| 国产综合香蕉五月婷在线| 中文字幕亚洲自拍| 国产亚洲精品久久久久久牛牛| 自拍偷拍亚洲欧美| 欧美精品18videos性欧| 成人网欧美在线视频| 久久黄色av网站| 日韩av影院在线观看| 97视频网站入口| 疯狂蹂躏欧美一区二区精品| 国产精品嫩草影院一区二区| 国产精品白丝av嫩草影院| 欧美日韩国产综合新一区| 欧美巨猛xxxx猛交黑人97人| 日韩成人av在线| 日韩免费在线观看视频| 亚洲免费成人av电影| 欧洲精品毛片网站| 精品久久久中文| 亚洲精品suv精品一区二区| 日韩视频免费中文字幕| 高清视频欧美一级| 欧美老少配视频| 国产精品一区二区三区成人| 国产美女久久精品香蕉69| 久久久午夜视频| 成人黄色在线免费| 91情侣偷在线精品国产| 国产精品国产三级国产aⅴ浪潮| 国产69精品久久久久9999| 色偷偷偷亚洲综合网另类| 色yeye香蕉凹凸一区二区av| 亚洲天堂av综合网| 亚洲欧美日韩视频一区| 久久精品人人爽| 国产精品亚洲欧美导航| 国内伊人久久久久久网站视频| 国产日韩av在线|