首頁 > web前端 > js教程 > Javascript數組中push方法用法分析

Javascript數組中push方法用法分析

高洛峰
發布: 2016-12-08 13:31:05
原創
1921 人瀏覽過

本文實例講述了Javascript數組中push方法用法。分享給大家供大家參考,如下:

看下面代碼:

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

   

Q:o現在內部的值是什麼樣子?

我的第一個反應是排斥,為什麼要研究不合理情況下【解釋引擎】的行為?但是這種推論有時候又很吸引人,於是我回來的時候仔細思考了下,發現其實很簡單。

對於push這個方法,我條件反射地想到的就是棧,【資料結構的經典棧】中壓棧和彈棧操作依據的都是棧頂指針,棧頂指針總是指向棧頂,意味著它會因為壓彈棧而自動增減。在javascript中的陣列中這個指標就是length。所以在上面的程式碼中,o.push('c')就是o.2 = 'c'(當然o.2不能直接訪問,這只是偽代碼),所以代碼執行完o中資料如下:

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

補充說明:

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

只要知道push的位置依據的是length就可以了,下面種種看似奇怪的現像都好理解:

//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的自由还是有节操的
登入後複製

   

計算機中數值都是以補碼方式儲存的,為了操作方便,- 1的補碼與4294967295補碼一樣,根據length的語意,此處是無符號數

[-1]補= 1111 1111 1111 1111 1111 1111 1111 1111 = 1111 1111 1111 1111 1111 = 1951 111 1111 1111 1111 1111

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


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板