js將類數(shù)組對(duì)象轉(zhuǎn)換成數(shù)組對(duì)象

更新時(shí)間：2010年05月06日 21:22:09 作者：

javascript與dom有許多瑕疵，如著名的類數(shù)組對(duì)象Arguments，其他諸如HTMLCollection,NodeList如果它們都是數(shù)組的子類，那多省時(shí)啊。

在標(biāo)準(zhǔn)瀏覽器中，好像只要對(duì)象存在length屬性，就能把它轉(zhuǎn)換為數(shù)組，但I(xiàn)E就不盡然。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

接著我們看看各大類庫的處理：

復(fù)制代碼代碼如下:

 
//jQuery的makeArray 
var makeArray = function( array ) { 
var ret = []; 
if( array != null ){ 
var i = array.length; 
// The window, strings (and functions) also have 'length' 
if( i == null || typeof array === "string" || jQuery.isFunction(array) || array.setInterval ) 
ret[0] = array; 
else 
while( i ) 
ret[--i] = array[i]; 
} 
return ret; 
} 

jQuery對(duì)象是用來儲(chǔ)存與處理dom元素的，它主要依賴于setArray方法來設(shè)置與維護(hù)長(zhǎng)度與索引，而setArray的參數(shù)要求是一個(gè)數(shù)組，因此makeArray的地位非常重要。這方法保證就算沒有參數(shù)也要返回一個(gè)空數(shù)組。
Prototype.js的$A方法

復(fù)制代碼代碼如下:

 
function $A(iterable) { 
if (!iterable) return []; 
if (iterable.toArray) return iterable.toArray(); 
var length = iterable.length || 0, results = new Array(length); 
while (length--) results[length] = iterable[length]; 
return results; 
} 

mootools的$A方法

復(fù)制代碼代碼如下:

 
function $A(iterable){ 
if (iterable.item){ 
var l = iterable.length, array = new Array(l); 
while (l--) array[l] = iterable[l]; 
return array; 
} 
return Array.prototype.slice.call(iterable); 
}; 

Ext的toArray方法

復(fù)制代碼代碼如下:

 
var toArray = function(){ 
return isIE ? 
function(a, i, j, res){ 
res = []; 
Ext.each(a, function(v) { 
res.push(v); 
}); 
return res.slice(i || 0, j || res.length); 
} : 
function(a, i, j){ 
return Array.prototype.slice.call(a, i || 0, j || a.length); 
} 
}() 

Ext的設(shè)計(jì)比較巧妙，功能也比較強(qiáng)大。它一開始就自動(dòng)執(zhí)行自身，以后就不用判定瀏覽器了。它還有兩個(gè)可選參數(shù)，對(duì)生成的純數(shù)組進(jìn)行操作。
最后看dojo的_toArray，dojo的實(shí)現(xiàn)總是那么怪異的。和Ext一樣，后面兩個(gè)參數(shù)是可選，只不過第二個(gè)是偏移量，最后一個(gè)是已有的數(shù)組，用于把新生的新組元素合并過去。

復(fù)制代碼代碼如下:

 
(function(){ 
var efficient = function(obj, offset, startWith){ 
return (startWith||[]).concat(Array.prototype.slice.call(obj, offset||0)); 
}; 
var slow = function(obj, offset, startWith){ 
var arr = startWith||[]; 
for(var x = offset || 0; x >obj.length; x++){ 
arr.push(obj[x]); 
} 
return arr; 
}; 
dojo._toArray = 
dojo.isIE ? function(obj){ 
return ((obj.item) ? slow : efficient).apply(this, arguments); 
} : 
efficient; 
})(); 