评论资讯 [ 总 861 则 ]
·mark - 2024-9-7 23:56
·悄然 - 2024-9-2 21:52
·马黑 - 2024-9-2 20:57
·马黑 - 2024-9-1 23:17
·飞飞 - 2024-8-28 18:42
·马黑 - 2024-8-28 18:39
·马黑 - 2024-8-26 19:22
·马黑 - 2024-8-26 08:24
·飞飞 - 2024-8-20 08:51
·马黑 - 2024-8-19 23:56
·悄然 - 2024-9-2 21:52
·马黑 - 2024-9-2 20:57
·马黑 - 2024-9-1 23:17
·飞飞 - 2024-8-28 18:42
·马黑 - 2024-8-28 18:39
·马黑 - 2024-8-26 19:22
·马黑 - 2024-8-26 08:24
·飞飞 - 2024-8-20 08:51
·马黑 - 2024-8-19 23:56
友情链接
网站统计
JS教程之六——for语句
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不仅仅只会做数值相加和字符串连接,只要给它相应指令,它都能循环执行。
所谓循环语句,就是以一定方式重复做一些特定工作,但又和工厂流水线某个流水节点的重复性工作不一样,它是有变化的重复,变化的依据是循环的索引变化。
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条]