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í)候又很吸引人,于是我回來的時(shí)候仔細(xì)思考了下,發(fā)現(xiàn)其實(shí)很簡單。
對(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不能直接訪問,這只是偽代碼),所以代碼執(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ù)組的最大長度限制為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ì)有所幫助。
- Js數(shù)組的操作push,pop,shift,unshift等方法詳細(xì)介紹
- 關(guān)于JS數(shù)組追加數(shù)組采用push.apply的問題
- 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)文章
Javascript在IE和Firefox瀏覽器常見兼容性問題總結(jié)
這篇文章主要介紹了Javascript在IE和Firefox瀏覽器常見兼容性問題,結(jié)合實(shí)例形式總結(jié)分析了javascript在IE與Firefox瀏覽器中常見的各種兼容性問題與相應(yīng)的解決方法,需要的朋友可以參考下2016-08-08
基于JavaScript實(shí)現(xiàn)年月日三級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)年月日三級(jí)聯(lián)動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-06-06
JS正則截取兩個(gè)字符串之間及字符串前后內(nèi)容的方法
這篇文章主要介紹了JS正則截取兩個(gè)字符串之間及字符串前后內(nèi)容的方法,結(jié)合實(shí)例形式簡單分析了JS正則截取字符串操作的常用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-01-01
uniApp獲取當(dāng)前位置經(jīng)緯度的示例代碼
這篇文章主要介紹了uniApp獲取當(dāng)前位置經(jīng)緯度,以下是使用uni.getLocation獲取當(dāng)前位置的示例代碼,需要的朋友可以參考下2024-01-01
JavaScript下一版本標(biāo)準(zhǔn)ES6的Set集合使用詳解
ES6:全稱ECMAScript 6.0,是JavaScript語言的國際標(biāo)準(zhǔn),JavaScript是ECMAScript的實(shí)現(xiàn)。今天我們就來學(xué)習(xí)一下ES6的Set集合的使用2023-02-02

