Javascript數(shù)組中push方法用法分析
本文實例講述了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)是排斥,為什么要研究不合理情況下【解釋引擎】的行為?但是這種推論有時候又很吸引人,于是我回來的時候仔細(xì)思考了下,發(fā)現(xiàn)其實很簡單。
對于push這個方法,我條件反射地想到的就是棧,【數(shù)據(jù)結(jié)構(gòu)的經(jīng)典棧】中壓棧和彈棧操作依據(jù)的都是棧頂指針,棧頂指針始終指向棧頂,意味著它會因為壓彈棧而自動增減。在javascript中的數(shù)組中這個指針就是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
}
補充說明:
JavaScript中,萬物皆對象,而javascript的對象與強類型的對象有一些不同的地方,可以理解成就是一組鍵值對的集合。其array類型也不例外,它的下標(biāo)訪問就是鍵訪問(不過它的鍵都是自然數(shù)),在上面的例子中賦值給a的對象字面量實際模擬了一個數(shù)組(一個下標(biāo)從1開始的數(shù)組)——當(dāng)然只有部分?jǐn)?shù)組的特性,比如真實的數(shù)組在進(jìn)行鍵訪問的時候,會根據(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ù)值,這是個有趣的問題,涉及到原碼反碼和補碼【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解釋器會把A轉(zhuǎn)換成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,也就是說下標(biāo)只能取到4294967295,只會取到32位——對于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é)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- Js數(shù)組的操作push,pop,shift,unshift等方法詳細(xì)介紹
- 關(guān)于JS數(shù)組追加數(shù)組采用push.apply的問題
- JavaScript數(shù)組函數(shù)unshift、shift、pop、push使用實例
- JS數(shù)組合并push與concat區(qū)別分析
- JavaScript使用push方法添加一個元素到數(shù)組末尾用法實例
- js 數(shù)組操作之pop,push,unshift,splice,shift
- angular json對象push到數(shù)組中的方法
- JavaScript數(shù)組push方法使用注意事項
- js嵌套的數(shù)組扁平化:將多維數(shù)組變成一維數(shù)組以及push()與concat()區(qū)別的講解
- javascript使用數(shù)組的push方法完成快速排序
- JavaScript使用pop方法移除數(shù)組最后一個元素用法實例
- JS數(shù)組方法push()、pop()用法實例分析
相關(guān)文章
javascript typeof的用法與typeof運算符介紹[詳細(xì)]
下面是對于typeof運算符的詳細(xì)介紹跟typeof的一些用法,分析,學(xué)習(xí)typeof的朋友,看完了,這篇應(yīng)該能有所收獲。2008-10-10

