js中將具有數(shù)字屬性名的對象轉(zhuǎn)換為數(shù)組
更新時間：2011年03月06日 00:01:00 作者：
js中將具有數(shù)字屬性名的對象轉(zhuǎn)換為數(shù)組，雖然不太常用，但我們的確可以給對象添加以數(shù)字為屬性名的屬性
雖然不太常用，但我們的確可以給對象添加以數(shù)字為屬性名的屬性：
var obj = {};
obj[0] = 1;
obj[1] = 2;
這個對象并不是數(shù)組類型，那有沒有辦法把它轉(zhuǎn)換為數(shù)組類型呢？jQuery代碼中采用了Array.prototype.slice把這種對象轉(zhuǎn)換為數(shù)組，但我試了好幾遍，就是不行：
var obj = {};
obj[0] = 1;
obj[1] = 2;
alert(Array.prototype.slice.call(obj));
上面這段代碼在IE下直接報錯，在Firefox下雖然沒有報錯，輸出內(nèi)容卻是空。也就說，轉(zhuǎn)換失敗了。這種內(nèi)置方法的問題最好還是查查ECMA-262，slice方法的執(zhí)行流程的前兩步如下：
1. Let A be a new array created as if by the expression new Array().
2. Call the [[Get]] method of this object with argument "length".
這里提到了參數(shù)length。obj對象雖然有數(shù)字索引，但是卻沒有l(wèi)ength屬性。其實(shí)問題就在這：slice方法不知道這個對象的長度。簡單修改一下代碼，添加length屬性：
var obj = {};
obj[0] = 1;
obj[1] = 2;
obj.length = 2;
alert(Array.prototype.slice.call(obj));
復(fù)制代碼 代碼如下:
var obj = {};
obj[0] = 1;
obj[1] = 2;
這個對象并不是數(shù)組類型，那有沒有辦法把它轉(zhuǎn)換為數(shù)組類型呢？jQuery代碼中采用了Array.prototype.slice把這種對象轉(zhuǎn)換為數(shù)組，但我試了好幾遍，就是不行：
復(fù)制代碼 代碼如下:
var obj = {};
obj[0] = 1;
obj[1] = 2;
alert(Array.prototype.slice.call(obj));
上面這段代碼在IE下直接報錯，在Firefox下雖然沒有報錯，輸出內(nèi)容卻是空。也就說，轉(zhuǎn)換失敗了。這種內(nèi)置方法的問題最好還是查查ECMA-262，slice方法的執(zhí)行流程的前兩步如下：
復(fù)制代碼 代碼如下:
1. Let A be a new array created as if by the expression new Array().
2. Call the [[Get]] method of this object with argument "length".
這里提到了參數(shù)length。obj對象雖然有數(shù)字索引，但是卻沒有l(wèi)ength屬性。其實(shí)問題就在這：slice方法不知道這個對象的長度。簡單修改一下代碼，添加length屬性：
復(fù)制代碼 代碼如下:
var obj = {};
obj[0] = 1;
obj[1] = 2;
obj.length = 2;
alert(Array.prototype.slice.call(obj));
輸出內(nèi)容是"1,2"，復(fù)制成功。那是不是說明，只要調(diào)用slice方法的this有數(shù)字索引和length屬性，就可以轉(zhuǎn)換為數(shù)組呢？。
這個定律在大部分瀏覽器下成立。然而，在IE環(huán)境下，對于HtmlCollection這樣的DOM元素集合，即使具有上述特征，它在調(diào)用slice的時候也會報錯。
相關(guān)文章
頁面間固定參數(shù),通過cookie傳值的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄撁骈g固定參數(shù),通過cookie傳值的實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
下面小編就為大家?guī)硪黄钊肜斫鈐s promise chain。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
用javascript替換URL中的參數(shù)值示例代碼
本篇文章主要是對用javascript替換URL中的參數(shù)值示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章主要介紹了關(guān)于微信小程序bug記錄與解決方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
最全正則表達(dá)式總結(jié)：驗(yàn)證QQ號、手機(jī)號、Email、中文、郵編、身份證、IP地址等
這篇文章主要介紹了最全正則表達(dá)式：驗(yàn)證QQ號、手機(jī)號、Email、中文、郵編、身份證、IP地址等，通過語法介紹作用表達(dá)式等詳細(xì)解釋了正則表達(dá)式的使用，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08
這篇文章為大家推薦了許多經(jīng)典的JS閉包面試題，也可以說是一不小心就做錯的JS閉包面試題，感興趣的小伙伴們可以參考一下，自己試著解答這些大部分人都會做錯的JS閉包面試題，檢驗(yàn)自己的知識水平2015-11-11
這篇文章主要為大家詳細(xì)介紹了js仿京東放大鏡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
微信小程序?qū)崿F(xiàn)可以截斷的瀑布流組件的示例代碼
本文主要介紹了微信小程序?qū)崿F(xiàn)可以截斷的瀑布流組件2022-01-01
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單圖片切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
JavaScript表單驗(yàn)證的兩種實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了JavaScript表單驗(yàn)證的兩種實(shí)現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02