3.6.3 for循环

作者: Shelley Powers 出处:机械工业出版社华章公司 　2007-09-12 14:46　   砖    好    评论  条 　进入论坛

阅读提示：在本书中，将向你介绍上面所描述过的两种语言：有趣的脚本语言和强大的面向对象的编程语言。更重要的是，本书将向你展示如何正确地使用JavaScript。本文介绍3.6.3 for循环。

3.6.3   for循环
除了使用条件判断之外，可以使用for循环对循环中所包含的代码执行若干次。有两种不同类型的for循环，虽然它们不是在所有浏览器中都实现了。
在所有浏览器中都实现了的是最常见的for循环，它分3段：变量设置一个起始值；该变量由每次循环来做更新；在符合了一个什么样的条件后，循环结束：
 
下面这段代码表示要循环10次，每次循环会打印出一个“hello”：
 
变量i设为0。随着每次循环迭代，都会测试条件是否满足（值还小于10）；如果不满足，就执行循环中的代码块，然后对条件变量加1。条件可以设置为用户变量或设置为对数组元素的遍历（第4章将介绍数组）。
第二种for循环是for...in循环，它将一个数组中的每个元素作为一个独立的项来访问。这种很方便的语句的语法为：
 
在演示for...in循环之前，我先稍微跑一下题，说说关联数组这个话题。我们将在第4章中讲数组，从第9章开始讲对象，而对于一种叫做关联数组的构造来说，for...in循环尤为有用。
关联数组（associative array）是一个哈希（hash）数组，其中的每个元素都可以通过一个键值来访问，键值是一个与值相关联的字符串。对象，比如JavaScript中的document对象，都是关联数组的例子。前面的例子中的document对象只有一个项目—writeln函数，这个函数是它的属性数组的一个成员。实际上有很多这样的document对象的属性。不用像大多数数组那样必须使用数字型的索引才能访问这些属性，我们可以使用属性名来访问它们。
我们再回到for...in循环上，这种控制语句不仅可以用于遍历一个对象的所有属性，还可以遍历每个属性的值。在例3-8中，这种方法不仅用来打印出对象的属性，还用到属性的值—使用eval来计算字符串，就仿佛这一字符串就是一个直接语句。在JavaScript的for...in语句中，使用了window对象来查找它都有什么属性。这些属性中有很多看起来非常陌生，因为它们是2级DOM的一部分，这部分内容将在第11章中讲述。
例3-8：使用for...in来展示一个对象的属性
 
在不同的浏览器上使用该例子，或使用不同的对象改写该例子，你都会得到一些有趣的结果。虽然不同浏览器在对象实现上非常相似，但也不完全一样。如果把代码修改为使用不同的对象（浏览器对象模型或文档对象模型），你可能会发现一个和我所发现的一样的bug。在这种情况下，Firefox中有一个bug：未实现的属性domConfig会产生一个未处理的异常。
第3种for循环是foreach，它是在基于Gecko的浏览器中的JavaScript 1.6中实现的。这种循环使用了第一个参数中的一个回调函数，并且使用一个对象充当回调函数中的主要引用。因为foreach不是一个跨平台的标准，也不能用于我们尚未讨论过的功能，因此，除了给出Mozilla组织关于此语句的文档之外，我不对它进一步讲述。Foreach语句的文档网址为http:// developer.mozilla. org/en/ docs/Core_JavaScript_1.5_ Reference: Objects: Array:forEach。
在条件语句中也可以使用in。例如，要检查一个键值（属性）是否存在于一个关联数组（对象）中，你可以这样写：
 
这种语法不是很常用，我们将在下一章和本书后面的章节中进一步讨论关联数组。当然，如果你将来看到这种类型的代码，你就会认出它是用来作什么。
现在，我们已经了解了很多JavaScript的功能，是该让更进一步了解内置的JavaScript对象的时候了。关于内置的JavaScript对象，请见第4章。

回书目   上一节   下一节