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

看下面代碼：

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

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

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

對于push這個方法，我條件反射地想到的就是棧，【數(shù)據(jù)結構的經(jīng)典?！恐袎簵：蛷棗２僮饕罁?jù)的都是棧頂指針，棧頂指針始終指向棧頂，意味著它會因為壓彈棧而自動增減。在javascript中的數(shù)組中這個指針就是length。所以在上面的代碼中，o.push('c')就是o.2 = 'c'(當然o.2不能直接訪問，這只是偽代碼)，所以代碼執(zhí)行完o中數(shù)據(jù)如下：

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

補充說明：

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

只要知道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為負值，這是個有趣的問題，涉及到原碼反碼和補碼【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為字符或對象
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解釋器會把A轉換成ASCII碼來給length賦值呢，終于看到了javascript的自由還是有節(jié)操的

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

[-1]補 = 1111 1111 1111 1111 1111 1111 1111 1111 =  [4294967295]補  = 1111 1111 1111 1111 1111 1111 1111 1111

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

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》及《JavaScript錯誤與調(diào)試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。

最新評論