探讨:JavaScript for语句(图文)

发布时间:2020-04-14编辑:脚本学堂
本文介绍下,有关javascript中for语句的一些基础知识,有需要的朋友参考下。

本节学习javascript中for语句的用法。

for语句 语法
for(初始化表达式;判断表达式;循环表达式)
{
   语句;
}

for语句说明
for语句非常灵活完全可以代替while与do...while语句。见下图,先执行"初始化表达式",再根据"判断表达式"的结果判断是否执行循环,当判断表达式为真true时,执行循环中的语句,最后执行"循环表达式",并继续返回循环的开始进行新一轮的循环;表达式为假false不执行循环,并退出for循环。(真(true)假(false)是JavaScript布尔类型)

如下图:javascript for语句

for语句的例子:
计算1-100的所有整数之和(包括1与100)
 

复制代码 代码示例:
for(var i=0,iSum=0;i<=100;i++)
{
        iSum+=i;
}
document.write("1-100的所有数之和为"+iSum);
 

for语句比while语句简洁。

for语句使用中的注意事项:
1、应该使用大括号{}包含多条语句(一条语句也最好使用大括号)。
2、初始化表达式可以包含多个表达式,循环表达式也可以包含多个表达式。
例如:
 

复制代码 代码示例:
for(var i=0,iSum=0,j=0;i<=100;i++,j--)
{
        iSum=i+j;
}

初始化表达式,判断表达式,循环表达式都是可以省略的,例如:
 

复制代码 代码示例:
for(;;)
{
}
 

注意,以上这个例子的循环将无法停止。

for与while语句的互相转化:
for与while是可以相互转化的。
例如:
 

复制代码 代码示例:
for(var i=0,iSum=0;i<=100;i++)
{
        iSum+=i;
}
var i=0;
var iSum=0;
while(i<=100)
{
        iSum+=i;
        i++;
}
 

上面两个代码块是等价的,可以看出for语句比while语句更加简洁。

最后给出for循环的一个完整示例:
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript for语句示例-www.jb200.com</title>
</head>
<body>
<script type="text/javascript">
for(var i=0,iSum=0;i<=100;i++)
{
iSum+=i;
}
document.write("1-100的所有数之和为"+iSum);
</script>
</body>
</html>