Javascript數(shù)組中push方法用法分析
本文實(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í)候又很吸引人,于是我回來(lái)的時(shí)候仔細(xì)思考了下,發(fā)現(xiàn)其實(shí)很簡(jiǎn)單。
對(duì)于push這個(gè)方法,我條件反射地想到的就是棧,【數(shù)據(jù)結(jié)構(gòu)的經(jīng)典?!恐袎簵:蛷棗2僮饕罁?jù)的都是棧頂指針,棧頂指針始終指向棧頂,意味著它會(huì)因?yàn)閴簭棗6詣?dòng)增減。在javascript中的數(shù)組中這個(gè)指針就是length。所以在上面的代碼中,o.push('c')就是o.2 = 'c'(當(dāng)然o.2不能直接訪問(wèn),這只是偽代碼),所以代碼執(zhí)行完o中數(shù)據(jù)如下:
{ 1:'a' ,2:'c' ,length:3 //push操作=>length+1 ,push:Array.prototype.push }
補(bǔ)充說(shuō)明:
JavaScript中,萬(wàn)物皆對(duì)象,而javascript的對(duì)象與強(qiáng)類型的對(duì)象有一些不同的地方,可以理解成就是一組鍵值對(duì)的集合。其array類型也不例外,它的下標(biāo)訪問(wèn)就是鍵訪問(wèn)(不過(guò)它的鍵都是自然數(shù)),在上面的例子中賦值給a的對(duì)象字面量實(shí)際模擬了一個(gè)數(shù)組(一個(gè)下標(biāo)從1開(kāi)始的數(shù)組)——當(dāng)然只有部分?jǐn)?shù)組的特性,比如真實(shí)的數(shù)組在進(jìn)行鍵訪問(wè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è)有趣的問(wèn)題,涉及到原碼反碼和補(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碼來(lái)給length賦值呢,終于看到了javascript的自由還是有節(jié)操的
計(jì)算機(jī)中數(shù)值都是以補(bǔ)碼方式存儲(chǔ)的,為了方便運(yùn)算,-1的補(bǔ)碼與4294967295補(bǔ)碼一樣,根據(jù)length的語(yǔ)義,此處是無(wú)符號(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,也就是說(shuō)下標(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)畫(huà)特效與技巧匯總》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- Js數(shù)組的操作push,pop,shift,unshift等方法詳細(xì)介紹
- 關(guān)于JS數(shù)組追加數(shù)組采用push.apply的問(wèn)題
- JavaScript數(shù)組函數(shù)unshift、shift、pop、push使用實(shí)例
- JS數(shù)組合并push與concat區(qū)別分析
- JavaScript使用push方法添加一個(gè)元素到數(shù)組末尾用法實(shí)例
- js 數(shù)組操作之pop,push,unshift,splice,shift
- angular json對(duì)象push到數(shù)組中的方法
- JavaScript數(shù)組push方法使用注意事項(xiàng)
- js嵌套的數(shù)組扁平化:將多維數(shù)組變成一維數(shù)組以及push()與concat()區(qū)別的講解
- javascript使用數(shù)組的push方法完成快速排序
- JavaScript使用pop方法移除數(shù)組最后一個(gè)元素用法實(shí)例
- JS數(shù)組方法push()、pop()用法實(shí)例分析
相關(guān)文章
js計(jì)算兩個(gè)日期間的天數(shù)月的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了基于js計(jì)算兩個(gè)日期間的天數(shù)月,文中還通過(guò)一段代碼給大家簡(jiǎn)單說(shuō)明了js計(jì)算兩個(gè)日期差的方法,感興趣的朋友跟隨小編一起看看吧2018-09-09JS繼承與閉包及JS實(shí)現(xiàn)繼承的三種方式
大家都知道,面向?qū)ο蟮娜筇卣鳌庋b、繼承、多態(tài)。下面通過(guò)本文給大家介紹JS繼承與閉包及JS實(shí)現(xiàn)繼承的三種方式,感興趣的朋友一起看看吧2017-10-10Javascript模擬實(shí)現(xiàn)new原理解析
這篇文章主要介紹了Javascript模擬實(shí)現(xiàn)new原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-03-03表單元素值獲取方式j(luò)s及java方式的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇表單元素值獲取方式j(luò)s及java方式的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10javascript typeof的用法與typeof運(yùn)算符介紹[詳細(xì)]
下面是對(duì)于typeof運(yùn)算符的詳細(xì)介紹跟typeof的一些用法,分析,學(xué)習(xí)typeof的朋友,看完了,這篇應(yīng)該能有所收獲。2008-10-10