午后・时光

JS教程之六——for语句

位置: 首页 > 马黑教程[ 发布时间: 2023.7.1  作者: 花飞飞  阅读: 102 ]
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:拖动元素

发表评论:

       

评论列表 [0条]

Copyright © 2014 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com