JS工作效率高，离不开循环语句。循环语句所有编程语言都拥有，JS作为web脚本语言，自然也不能例外。

所谓循环语句，就是以一定方式重复做一些特定工作，但又和工厂流水线某个流水节点的重复性工作不一样，它是有变化的重复，变化的依据是循环的索引变化。

for循环语句很多语言都是这么写：

for(i=0; i<10; i++){
    //这里做点什么
}

JS也这么写。for紧跟着小括号，它和小括号之间可以有空格也可以没有，小括号里面有三句话，句和句之间用小角分号隔开，直到最后一句。它们的意思是：

首先弄明白，i 是一个计数变量，也可以用其它的字母代替，习惯上用 i ，用什么前后要一致；其次：

① i=0;  表示变量 i 从 0 开始计数，进入循环；
② i<10;  表示计数变量 i 在变成 10 之前一直循环地做点什么
③ i++  表示每完成一次循环，变量 i 自动累加（默认加1）

这个for循环语句要做什么事情，其描述放在一对大括号里。

现在举个实例。这个例子，有一个div标签，它有id标识，JS将把一个for的字符串运算结果赋值给这个div：

<div id="for"></div>

<script language="javascript">

var str = ""; //声明一个值为空的字符串变量 str
for(i=0; i<10; i++){
        str += i; // 变量 str 的值以 i 为累加
}

document.getElementById('for').innerText = str; //在 div 中显示for的运行结果

</script>


运行以上 HTML+JS 代码，得出的结果是： 0123456789

为什么会这样？

字符变量 str 开始时空的，for 从 0 开始循环，第一次循环执行的时候，i 是 0，i 的值 加给了 str，str 的值此时是 “0”，这时 for 进入第二次循环，进入之前 i++ 将索引变量 i 变成了 0+1=1，就是说，第二次循环执行的时候，i 值为 1，这时候，str += i 的结果是 “0”+“1”，就是 “01”，如此往复，直至 i 索引变量等于 10 的时候退出循环，str这个时候字符串值是"0123456789"，所以那个div的内容就是这个数字字串。

例句中，+= 是个重要的运算符，它可以是数学运算，也可以是字符串运算（本例就是）。+= 的意思是，在原基础上再加上。再如：

k = 2;
k += 10;

此时，k 是 12。k+=10 的原始写法是：k = k + 10

再再如：

k = "你好";
k += "马黑黑";

此时，k 是字符串变量，k 的值是“你好马黑黑”。同理，k += "马黑黑" 等同于 k = k + "马黑黑"。

当然，for不仅仅只会做数值相加和字符串连接，只要给它相应指令，它都能循环执行。

前一篇: js教程五——童年图片响应实例
下一篇: HTML5+JS：拖动元素