$A
$A(iterable) -> actualArray
接受一个类似于数组的集合(可以使用数字进行索引)作为参数,返回相应的 Array
对象。该函数是 Array.from 方法的简称,
但在将集合转换为 Array 时,应优先使用它。
$A 主要是用来将可当作数组使用的任意集合(如 NodeList、许多 DOM 方法返回的
HTMLCollection 或函数对象的 arguments 属性)转换为一个真正的
Array 对象。
使用 Array 对象的理由很简单:Prototype 扩展了 Array,
使其增加了大量额外的方法,并且还混入(mix in)了 Enumerable
模块,随之又引入了很多强大的方法。因此,在 Prototype 中,Array
相对于其它集合类型,更像是一张王牌。
集合到 Array 的转换规则非常简单:null、undefined
和 false 转换为一个空的 Array;任何具有显式的 toArray
方法的对象(就像许多 Prototype 对象一样),直接调用 toArray 方法进行转换;否则,
我们假定参数“类似于一个数组”(即具有 length 属性和 []
操作符),然后按常规去遍历它的各个组成部分。
样例
大家所熟悉的 DOM 方法 document.getElementsByTagName()
其实并没有返回一个 Array,而是返回一个实现了基本数组“接口”的 NodeList 对象。IE 不允许我们在
NodeList.prototype 上扩展 Enumerable 的方法。所以只能先返回 NodeList
对象,再转换为 Array:
var paras = $A(document.getElementsByTagName('p'));
paras.each(Element.hide);
$(paras.last()).show();
注意上面使用的 each 和 Element.hide 方法,因为数组可以包含任何对象(而不仅只是
DOM 元素),所以 $A 并没有对返回的值进行 DOM 扩展。为使用 hide 实例方法,
我们首先要确保对所有的目标元素都进行了 DOM 扩展:
$A(document.getElementsByTagName('p')).map(Element.extend).invoke('hide');
你想用一种简单的方法显示出你函数里的参数吗?Array 有一个很好用的方法 join。
但是存在于所有函数对象中的 arguments 对象与 Array 并没有继承关系。那么,
该如何做呢?你会选择复杂的方法还是简单的方法:
// 复杂的方法...
function showArgs() { alert(Array.prototype.join.call(arguments, ', ')); }
// 简单的方法...
function showArgs() { alert($A(arguments).join(', '));}