js中將HTMLCollection/NodeList/偽數(shù)組轉(zhuǎn)換成數(shù)組的代碼
更新時(shí)間：2011年07月31日 21:51:16 作者：
js中將HTMLCollection/NodeList/偽數(shù)組轉(zhuǎn)換成數(shù)組的代碼，需要的朋友可以參考下。
這里把符合以下條件的對(duì)象稱為偽數(shù)組
1，具有l(wèi)ength屬性
2，按索引方式存儲(chǔ)數(shù)據(jù)
3，不具有數(shù)組的push,pop等方法
如
1，function內(nèi)的arguments 。
2，通過(guò)document.forms，F(xiàn)orm.elements，Select.options，document.getElementsByName() ，document.getElementsByTagName() ，childNodes/children 等方式獲取的集合（HTMLCollection，NodeList）等。
3，特殊寫法的對(duì)象 ，如
var obj={};
obj[0] = "一";
obj[1] = "二";
obj[2] = "三";
obj.length = 3;
它們不具有數(shù)組的一些方法如push, pop, shift, join等。有時(shí)候需要將這些偽數(shù)組轉(zhuǎn)成真正的數(shù)組，這樣可以使用push, pop等方法。以下是工具函數(shù)makeArray
var makeArray = function(obj){
return Array.prototype.slice.call(obj,0);
}
try{
Array.prototype.slice.call(document.documentElement.childNodes, 0)[0].nodeType;
}catch(e){
makeArray = function(obj){
var res = [];
for(var i=0,len=obj.length; i<len; i++){
res.push(obj[i]);
}
return res;
}
}
以下分別測(cè)試以上三種偽數(shù)組
//定義一個(gè)函數(shù)fun,內(nèi)部使用makeArray將其arguments轉(zhuǎn)換成數(shù)組
function fun(){
var ary = makeArray(arguments);
alert(ary.constructor );
}
//調(diào)用
fun(3,5);
//假設(shè)頁(yè)面上有多個(gè)段落元素p
var els = document.getElementsByTagName("p");
var ary1 = makeArray(els);
alert(ary1.constructor);
//特殊的js對(duì)象（如jquery對(duì)象）
var obj={};
obj[0] = "一";
obj[1] = "二";
obj[2] = "三";
obj.length = 3;
var ary2 = makeArray(obj);
alert(ary2.constructor);
1，具有l(wèi)ength屬性
2，按索引方式存儲(chǔ)數(shù)據(jù)
3，不具有數(shù)組的push,pop等方法
如
1，function內(nèi)的arguments 。
2，通過(guò)document.forms，F(xiàn)orm.elements，Select.options，document.getElementsByName() ，document.getElementsByTagName() ，childNodes/children 等方式獲取的集合（HTMLCollection，NodeList）等。
3，特殊寫法的對(duì)象 ，如
復(fù)制代碼 代碼如下:
var obj={};
obj[0] = "一";
obj[1] = "二";
obj[2] = "三";
obj.length = 3;
它們不具有數(shù)組的一些方法如push, pop, shift, join等。有時(shí)候需要將這些偽數(shù)組轉(zhuǎn)成真正的數(shù)組，這樣可以使用push, pop等方法。以下是工具函數(shù)makeArray
復(fù)制代碼 代碼如下:
var makeArray = function(obj){
return Array.prototype.slice.call(obj,0);
}
try{
Array.prototype.slice.call(document.documentElement.childNodes, 0)[0].nodeType;
}catch(e){
makeArray = function(obj){
var res = [];
for(var i=0,len=obj.length; i<len; i++){
res.push(obj[i]);
}
return res;
}
}
以下分別測(cè)試以上三種偽數(shù)組
復(fù)制代碼 代碼如下:
//定義一個(gè)函數(shù)fun,內(nèi)部使用makeArray將其arguments轉(zhuǎn)換成數(shù)組
function fun(){
var ary = makeArray(arguments);
alert(ary.constructor );
}
//調(diào)用
fun(3,5);
//假設(shè)頁(yè)面上有多個(gè)段落元素p
var els = document.getElementsByTagName("p");
var ary1 = makeArray(els);
alert(ary1.constructor);
//特殊的js對(duì)象（如jquery對(duì)象）
var obj={};
obj[0] = "一";
obj[1] = "二";
obj[2] = "三";
obj.length = 3;
var ary2 = makeArray(obj);
alert(ary2.constructor);
您可能感興趣的文章:
- 關(guān)于javascript中偽數(shù)組和真數(shù)組的一些小秘密
- JS 將偽數(shù)組轉(zhuǎn)換成數(shù)組的實(shí)現(xiàn)示例
- JavaScript如何將偽數(shù)組轉(zhuǎn)換成數(shù)組?
- JavaScript偽數(shù)組和數(shù)組的使用與區(qū)別
- JS Array.from()將偽數(shù)組轉(zhuǎn)換成數(shù)組的方法示例
- JavaScript偽數(shù)組用法實(shí)例分析
- javascript 偽數(shù)組實(shí)現(xiàn)方法
- JavaScript中的偽數(shù)組用法及說(shuō)明
相關(guān)文章
分享一個(gè)自己寫的table表格排序js插件(高效簡(jiǎn)潔)
在前不久做的一個(gè)web項(xiàng)目中，需要實(shí)現(xiàn)js表格排序的效果，當(dāng)時(shí)為了省事，就在網(wǎng)上找了幾個(gè)相關(guān)的js插件2011-10-10
本篇文章主要介紹了JS幾種變量交換方式以及性能分析對(duì)比，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-11-11
JavaScript對(duì)象屬性檢查、增加、刪除、訪問(wèn)操作實(shí)例
這篇文章主要介紹了JavaScript對(duì)象屬性檢查、增加、刪除、訪問(wèn)操作實(shí)例,本文分別給出代碼實(shí)例來(lái)講解如何給對(duì)象增加屬性、檢查屬性存在、以及刪除和訪問(wèn)屬性,需要的朋友可以參考下2015-07-07
這篇文章主要幫助大家理解學(xué)習(xí)javascript封裝，通過(guò)封裝可以強(qiáng)制實(shí)施信息隱藏，本文為大家分析了封裝的利弊，感興趣的小伙伴們可以參考一下2016-02-02
uni-app實(shí)現(xiàn)數(shù)據(jù)下拉刷新功能實(shí)例
很多列表頁(yè)總數(shù)量很大,一次性查詢加載會(huì)導(dǎo)致頁(yè)面有很長(zhǎng)時(shí)間的空白期,自然體驗(yàn)感極差,就會(huì)使用分頁(yè)加載數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于uni-app實(shí)現(xiàn)數(shù)據(jù)下拉刷新功能實(shí)例的相關(guān)資料,需要的朋友可以參考下2022-08-08
JavaScript數(shù)組對(duì)象實(shí)現(xiàn)增加一個(gè)返回隨機(jī)元素的方法
這篇文章主要介紹了JavaScript數(shù)組對(duì)象實(shí)現(xiàn)增加一個(gè)返回隨機(jī)元素的方法,涉及javascript針對(duì)數(shù)組及隨機(jī)數(shù)的相關(guān)操作技巧,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了JS中移除非數(shù)字最多保留一位小數(shù)的實(shí)現(xiàn)代碼，文章給大家提到了js處理數(shù)字保留2位小數(shù),強(qiáng)制保留2位小數(shù)不夠補(bǔ)上.00的完整代碼，感興趣的朋友一起看看吧2018-05-05
layui上傳圖片到服務(wù)器的非項(xiàng)目目錄下的方法
今天小編就為大家分享一篇layui上傳圖片到服務(wù)器的非項(xiàng)目目錄下的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
JS 獲取span標(biāo)簽中的值的代碼 支持ie與firefox
JS獲取span標(biāo)簽中的值的代碼，在實(shí)際應(yīng)用中經(jīng)常用的到的功能，原理很簡(jiǎn)單，大家可以拓展下。2009-08-08
這篇文章主要介紹了js數(shù)組與字符串的相互轉(zhuǎn)換方法,是js中常用的技巧,需要的朋友可以參考下2014-07-07