Array - Prototype JavaScript 框架

Xunxin Prototype API

previous page next page

Array

clear
clone
compact
each
first
flatten
from
indexOf
inspect
last
reduce
reverse
size
toArray
toJSON
uniq
without

Prototype 用许多功能强大的函数扩展了所有原生的 Javascript 数组。

主要通过以下两种方式：

混入 Enumerable 模块，引入 Enumerable 固有的大量方法。
另外增加了许多方法，在本节中有详细的论述。

在 Prototype 中，数组变得非常强大，不再是从前那个微不足道的对象，而我们对它的操作，也不再局限于 length 属性和 [] 索引操作符。使用新的操作方式，对于 99% 的常见应用，都能显著地简化代码。

为什么你将会停止使用 `for`…`in` 来进行迭代（或许会永远跟它说 bye-bye 了）

许多 Javascript 开发人页都曾错误的使用过 for…in 结构来迭代数组元素，这种类型的代码在 Prototype 中将不会工作。

你可以查看 ECMA 262 标准，它定义了 ECMAScript 第三版，据称所有主流浏览器都实现了该标准，甚至包括 MSIE。它为 Array（§15.4.4）定义了许多方法，包括一些比较受欢迎的，如 concat、join、pop、push 等，已命名的函数有十个，但只对少数几个作了专门的描述。

在这份标准中，明确定义了 for…in 结构（§12.6.4）的应用范围：枚举出现在关键字 in 右方的对象的属性。只有当属性被专门标记为不可枚举时才会在迭代中被忽略。数组的 prototype 和 length 属性已被预设为不可枚举，以防止使用 for…in 时枚举到数组的方法。这导致开发人员使用 for…in 作为遍历的快捷手段，而掩盖了 for…in 的真实用意。

然而，Prototype 并没有办法将增加到 Array.prototype 中的方法标记为不可枚举。因此在数组中使用 for…in，对于 Prototype 而言，将会枚举到所有扩展方法，例如那些从 Enumerable 模块中接收到的方法以及 Prototype 放在 Array 命名空间中的方法（本节中详细描述）。

开发人员该怎么做？

你可以使用索引进行遍历

for (var index = 0; index < myArray.length; ++index) {
	var item = myArray[index]; 
	// 你的代码... 
}

或者使用迭代器（iterators），例如 each：

myArray.each(function(item) {
	// 你的代码... 
});

Prototype 为使 for…in 的使用回归其真实意图而采取的强制措施所造成的副作用不再成为一个负担：正如你所看到的，几乎所有的数组遍历都能够通过 Array 提供的新方法或混入 Enumerable 引入的方法更便捷的实现。因此，手动遍历将会非常罕见。

性能关注

如果你有一个非常大的数组，在迭代时使用语法闭包（传递到迭代器的匿名函数，在每次循环时都会被调用），例如 each，或者使用需要对数组进行遍历的函数（如 uniq），可能性能会不尽如人意。若发生这种情况，最好用数字索引手动构造循环，但是要注意对 length 属性的缓存，并小心使用前缀 ++ 操作符。

//通常在循环时需要缓存长度属性：这样在完全遍历大数组时具有较好的性能
for (var index = 0, len = myArray.length; index < len; ++index) {
	var item = myArray[index];
	// 你的代码...
}

译注：为什么要缓存长度属性？在静态编译语言的 for 语句中，使用 index < myArray.length 作为条件判断并无不妥，因为通常编译器会对这种类型的语句进行优化，自动缓存长度属性，但 Javascript 作为一种动态解释型语言，并不会自动缓存长度属性，而是每次循环完成后进行条件判断时再调用相关的属性方法求取长度，这样必须会导致性能的下降。