本文實(shí)例講述了Javascript數(shù)組中push方法用法。分享給大家供大家參考，具體如下：

看下面代碼：

var o = {
  1:'a'
  ,2:'b'
  ,length:2
  ,push:Array.prototype.push
};
o.push('c');

Q:o現(xiàn)在內(nèi)部的值是什么樣子？

我的第一反應(yīng)是排斥，為什么要研究不合理情況下【解釋引擎】的行為？但是這種推論有時(shí)候又很吸引人，于是我回來的時(shí)候仔細(xì)思考了下，發(fā)現(xiàn)其實(shí)很簡(jiǎn)單。

對(duì)于push這個(gè)方法，我條件反射地想到的就是棧，【數(shù)據(jù)結(jié)構(gòu)的經(jīng)典棧】中壓棧和彈棧操作依據(jù)的都是棧頂指針，棧頂指針始終指向棧頂，意味著它會(huì)因?yàn)閴簭棗６詣?dòng)增減。在javascript中的數(shù)組中這個(gè)指針就是length。所以在上面的代碼中，o.push('c')就是o.2 = 'c'(當(dāng)然o.2不能直接訪問，這只是偽代碼)，所以代碼執(zhí)行完o中數(shù)據(jù)如下：

{
  1:'a'
  ,2:'c'
  ,length:3 //push操作=>length+1
  ,push:Array.prototype.push
}

補(bǔ)充說明：

JavaScript中，萬物皆對(duì)象，而javascript的對(duì)象與強(qiáng)類型的對(duì)象有一些不同的地方，可以理解成就是一組鍵值對(duì)的集合。其array類型也不例外，它的下標(biāo)訪問就是鍵訪問（不過它的鍵都是自然數(shù)），在上面的例子中賦值給a的對(duì)象字面量實(shí)際模擬了一個(gè)數(shù)組（一個(gè)下標(biāo)從1開始的數(shù)組）——當(dāng)然只有部分?jǐn)?shù)組的特性，比如真實(shí)的數(shù)組在進(jìn)行鍵訪問的時(shí)候，會(huì)根據(jù)length進(jìn)行越界檢查。

只要知道push的位置依據(jù)的是length就可以了，下面種種看似奇怪的現(xiàn)象都好理解：

//1.length不存在，引擎置為0
var o = {
  '1':'a'
  ,'2':'b'
  ,push:Array.prototype.push
};
o.push('c');//c {0:'c',1:'a',2:'b',...}
//2.length為負(fù)值，這是個(gè)有趣的問題，涉及到原碼反碼和補(bǔ)碼【1】
var o = {
  '1':'a'
  ,'2':'b'
  ,length:-1
  ,push:Array.prototype.push
};
o.push('c');//c {1:'a',2:'b',4294967295:'c',length:4294967296,...}
//3.length為字符或?qū)ο?
var o = {
  1:'a'
  ,2:'b'
  ,length:'A'
  ,push:Array.prototype.push
};
o.push('c');//c {0:'c',1:'a',2:'b',length:1,...}我還以為js解釋器會(huì)把A轉(zhuǎn)換成ASCII碼來給length賦值呢，終于看到了javascript的自由還是有節(jié)操的

計(jì)算機(jī)中數(shù)值都是以補(bǔ)碼方式存儲(chǔ)的，為了方便運(yùn)算，-1的補(bǔ)碼與4294967295補(bǔ)碼一樣，根據(jù)length的語義，此處是無符號(hào)數(shù)

[-1]補(bǔ) = 1111 1111 1111 1111 1111 1111 1111 1111 =  [4294967295]補(bǔ)  = 1111 1111 1111 1111 1111 1111 1111 1111

所以這樣我們接差對(duì)2中的o壓入一個(gè)對(duì)象，key取的是4294967296，但是數(shù)組的最大長(zhǎng)度限制為4294967296，也就是說下標(biāo)只能取到4294967295，只會(huì)取到32位——對(duì)于4294967296 = 1 0000 0000 0000 0000 0000 0000 0000 0000 取后32位，就變成了0，所以此次push的位置是0。

更多關(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動(dòng)畫特效與技巧匯總》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

最新評(píng)論