循环用于迭代数组中的项目
这显示了一个循环用于迭代数组中的项目,并与每个项目进行一些操作 - JavaScript中非常常见的模式。 这里:
- 迭代器
i
从0开始(var i = 0
)。 - 循环将会一直运行直到它不再小于猫数组的长度。 这很重要 - 退出条件显示循环仍然运行的条件。 所以在这种情况下,
<cats.length
仍然是真的,循环仍然运行。 - 在循环中,我们将当前的循环项(
cats[i]
是cats[当前下标的任何东西]
)以及逗号和空格连接到info
变量的末尾。 所以:- 在第一次运行中,
i = 0
,所以cats[0] +','将
被连接到info("Bill")
上。 - 在第二次运行中,
i = 1
,所以cats[1] +','
将被连接到info("Jeff")
上。 - 等等。 每次循环运行后,1将被添加到i(i ++),然后进程将再次启动。
- 在第一次运行中,
- 当等于
cats.length
时,循环将停止,浏览器将移动到循环下面的下一个代码位。
注: 我们将退出条件设为< cats.length
,而不是<= cats.length
是因为计算机从0开始,而不是1 - 开始时i
是0,并且逐步增加到i = 4
(最后一个数组的索引)。 cats.length
返回5,因为数组中有5个项目,但是我们不希望达到i = 5
,因为这将返回未定义的最后一个项目(没有索引为5的数组项目)。 所以我们想要比cats.length
(i <
)少1,而不是cats.length
(i <=
)。自定义导航网站
注: 退出条件的一个常见错误是使它们使用“等于”(===
)而不是说“小于或等于”(<=
)。 如果我们想要运行我的循环到i = 5
,退出条件将需要是i <= cats.length
。如果我们设置为i === cats.length
,循环将不会运行,因为在第一次循环迭代时 i 不等于5,所以循环会立即停止。