js中將HTMLCollection/NodeList/偽數組轉換成數組的代碼

這里把符合以下條件的對象稱為偽數組

1，具有length屬性

2，按索引方式存儲數據

3，不具有數組的push,pop等方法

如

1，function內的arguments 。

2，通過document.forms，Form.elements，Select.options，document.getElementsByName() ，document.getElementsByTagName() ，childNodes/children 等方式獲取的集合(HTMLCollection，NodeList)等。

3，特殊寫法的對象 ，如

復制代碼 代碼如下:

var obj={};

obj[0] = "一";

obj[1] = "二";

obj[2] = "三";

obj.length = 3;

它們不具有數組的一些方法如push, pop, shift, join等。有時候需要將這些偽數組轉成真正的數組，這樣可以使用push, pop等方法。以下是工具函數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

res.push(obj[i]);

}

return res;

}

}

以下分別測試以上三種偽數組

復制代碼 代碼如下:

//定義一個函數fun,內部使用makeArray將其arguments轉換成數組

function fun(){

var ary = makeArray(arguments);

alert(ary.constructor );

}

//調用

fun(3,5);

//假設頁面上有多個段落元素p

var els = document.getElementsByTagName("p");

var ary1 = makeArray(els);

alert(ary1.constructor);

//特殊的js對象(如jquery對象)

var obj={};

obj[0] = "一";

obj[1] = "二";

obj[2] = "三";

obj.length = 3;

var ary2 = makeArray(obj);

alert(ary2.constructor);相關閱讀:

CSS教程：CSS到底是干什么用的？

javascript用正則表達式把1234567890替換為abcdefghij

用正則和xmlHttp實現的asp小偷程序

一個簡答的Access下的分頁asp.net代碼

Oracle中如何根據時間來執行JOB

用批處理實現的刪除特定時間以前的文件

一個挺有意思的Javascript小問題說明

用COM自動服務擴展SQLServer功能

PHPLog php 程序調試追蹤工具

用在JavaScript的RequestHelper

CSS教程:定位屬性Position

如何刪除多級目錄

CSS Sprite操作:用CSS處理圓角

Apache服務器之JSP概述篇

總結

以上是生活随笔為你收集整理的怎么根据css类将html转换成数组,JavaScript_js中将HTMLCollection/NodeList/伪数组转换成数组的代码，这里把符合以下条件的对象称 - phpStudy...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。