改变内容文字大小:

JavaScript For 循环

所谓循环,就是重复执行一段代码。

前面我们已经看到了,if else和switch是JavaScript具有了判断的能力,但是老实说,电脑的判断能力和人比起来差远了。电脑更擅长一件事情——不停地重复。我们在JavaScript中把这叫做循环(loop)。

for循环的简单例子——菜鸟报数

在了解for循环的语法之前,还是让我们来看一个简单的例子吧:有十个菜鸟报数,“菜鸟1号、菜鸟2号”。有了for循环,很少的代码就可以实现十个菜鸟的报数。

<script type="text/JavaScript">
var i=1;
for (i=1;i<=10;i++)
{
document.write("菜鸟"+i+"号<br />");
}
</script>

结果如下:

菜鸟1号
菜鸟2号
菜鸟3号
菜鸟4号
菜鸟5号
菜鸟6号
菜鸟7号
菜鸟8号
菜鸟9号
菜鸟10号

for循环的工作方式

在上面那个例子中,循环恰好执行了10次,那么和“for (i=1;i<=10;i++)”一句中的10是不是10次的意思呢?下面我们就来看看for循环的工作机制。

首先"i=1"叫做初始条件,也就是说从哪里开始,特别的,我们的例子从i=1开始。

出现在第一个分号后面的"i<=10"表示判断条件,每次循环都会先判断这个条件是否满足,如果满足则继续循环,否则停止循环,继续执行for循环后面的代码。你可能想问了,我们设定了i=0,岂不是永远都小于等于10吗?来看第三个部分。

最后的"i++"表示让i在自身的基础上加1,这时每次循环后的动作.也就是说,每次循环结束,i都会比原来大1,执行若干次循环之后,i<=10的条件就不满足了,这时循环结束。for循环后面的代码将得到执行。

for循环总结

至此,我们可以吧for循环总结如下:

for(初始条件;判断条件;循环后动作)
{
     循环代码
     }

  1. 上一节:JavaScript 函数
  2. JavaScript For 循环
  3. 下一节:JavaScript While循环

菜鸟的JavaScript笔记目录

  1. JavaScript笔记第0节
  2. 将JavaScript 插入网页的方法
  3. 插入JavaScript的位置
  4. JavaScript 语句
  5. JavaScript 注释
  6. JavaScript 变量
  7. JavaScript操作符(1)——运算操作符
  8. JavaScript操作符(2)——比较操作符和逻辑操作符
  9. JavaScript if else语句(如果,否则)
  10. JavaScript Switch语句
  11. JavaScript 弹出框
  12. JavaScript 函数
  13. JavaScript For 循环
  14. JavaScript While循环
  15. JavaScript Break 与 Continue
  16. JavaScript For...In循环
  17. JavaScript事件
  18. JavaScript 调试
  19. JavaScript 特殊字符
  20. JavaScript 指导准则
  21. JavaScript 笔记小结

 

本节笔记参考: