循环用于迭代数组中的项目

这显示了一个循环用于迭代数组中的项目,并与每个项目进行一些操作 - JavaScript中非常常见的模式。 这里:

  1. 迭代器i从0开始(var i = 0)。
  2. 循环将会一直运行直到它不再小于猫数组的长度。 这很重要 - 退出条件显示循环仍然运行的条件。 所以在这种情况下,<cats.length仍然是真的,循环仍然运行。
  3. 在循环中,我们将当前的循环项(cats[i]cats[当前下标的任何东西])以及逗号和空格连接到info变量的末尾。 所以:
    1. 在第一次运行中,i = 0,所以cats[0] +','将被连接到info("Bill")上。
    2. 在第二次运行中,i = 1,所以cats[1] +','将被连接到info("Jeff")上。
    3. 等等。 每次循环运行后,1将被添加到i(i ++),然后进程将再次启动。
  4. 当等于cats.length时,循环将停止,浏览器将移动到循环下面的下一个代码位。

注: 我们将退出条件设为< cats.length,而不是<= cats.length是因为计算机从0开始,而不是1 - 开始时i是0,并且逐步增加到i = 4(最后一个数组的索引)。 cats.length返回5,因为数组中有5个项目,但是我们不希望达到i = 5,因为这将返回未定义的最后一个项目(没有索引为5的数组项目)。 所以我们想要比cats.lengthi <)少1,而不是cats.lengthi <=)。自定义导航网站

注:  退出条件的一个常见错误是使它们使用“等于”(===)而不是说“小于或等于”(<=)。 如果我们想要运行我的循环到i = 5,退出条件将需要是i <= cats.length。如果我们设置为i === cats.length,循环将不会运行,因为在第一次循环迭代时 i 不等于5,所以循环会立即停止。

原文地址:https://www.cnblogs.com/furuihua/p/13821412.html