Javascript 循环结构while do while for实例讲解

一、while语句

while语句是条件判断语句,也是循环语句。

语法:

while(条件表达式语句)
{
    执行语句块;
}

说明:

当“条件表达式语句”的返回值为true时,就会执行大括号“{}”中的语句块,当执行完大括号“{}”的语句块后,再次检测条件表达式的返回值,如果返回值还为true,则重复执行大括号“{}”中的语句块,直到返回值为false时,才结束整个循环过程,接着往下执行while代码段后面的程序代码。

举例:计算1+2+3+…+100的值

<!DOCTYPE html> 
<html xmlns="http://蚂蚁有奋进/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var n=1;
        var sum=0;
        while(n<=100)
        {
            sum+=n;    //等价于sum=sum+n;
            n++;
        }
        document.write("1+2+3+…+100="+sum);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

javascript while语句实例

使用while语句要注意以下几点:

(1)应该使用大括号“{}”包含多条语句,即使是一条语句也最好使用大括号;

(2)在循环体中应该包含使得循环可以退出的语句,比如上面的“i++”。对于循环体,要是没有条件,循环就会无休止地运作下去,变成一个“死循环”,从而可能导致浏览器崩溃;

二、do…while语句

“do…while语句”跟while语句是非常类似的,唯一的区别在于:while语句先判断是否符合条件,然后再执行循环体语句;do…while语句先执行循环体语句一次,然后再判断是否符合条件。

语法:

do
{
    执行语句块;
}
while(条件表达式语句);

说明:

do…while语句是先无条件执行循环体一次再判断是否符合条件的,如果符合条件,则重复执行循环体,如果不符合条件,则退出循环。

do…while语句结尾处的while条件语句的括号后有一个分号“;”,该分号一定不能省略,这是初学者非常非常容易忽略的一点,大家千万要记得呀。

举例:

<!DOCTYPE html> 
<html xmlns="http://蚂蚁/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var n=1;
        var sum=0;
        do
        {
            sum+=n;    //等价于sum=sum+n;
            n++;
        }
        while(n<=100)
        document.write("1+2+3+…+100="+sum);
</script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

javascript do…while语句实例

分析:

大家拿上面一个例子和while语句的例子对比一下就知道,while语句和do…while语句是可以转换的。

在此总结一下两者之间的区别:

(1)do…while语句和while语句是可以相互转换的;

(2)do…while语句将先执行一遍循环体中的语句,然后才判断条件表达式的真假。这是它与while语句的本质区别;

三、for循环

for语句通常由2部分组成:一是“条件控制部分”,二是“循环体”。

语法:

for(初始化表达式;循环条件表达式;循环后的操作表达式)
{
    执行语句块;
}

说明:

在使用for循环之前要先设定一个计数器变量,可以在for循环之前定义,也可以在使用时直接进行定义。

上面的语法中,“初始化表达式”表示计数器变量的初始值;“循环条件表达式”是一个计数器变量的表达式,决定了计数器的最大值;

要想理解上面的语法,还不如直接看个例子。

举例:

<!DOCTYPE html> 
<html xmlns="http://蚂蚁/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        for(var i=0;i<5;i++ )
        {
            document.write(i+"<br/>");
        }
</script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

javascript for循环实例

分析:

for(var i=0;i<5;i++ )
{
    document.write(i+"<br/>");
}

其实上面这段代码等价于下面这段代码:

while(i<5)
{
    document.write(i+"<br/>");
    i++;
}

大家可以在“在线运行”的代码中修改并测试一下效果。

对于for语句的语法形式大家可能一时接受不来,但是大家慢慢实践多了就会记住了。

疑难解答

为什么会出现死循环?

在使用for语句时,需要保证循环可以正常结束,也就是保证循环条件的结果存在不为true的情况,否则循环体会无限地执行下去,从而出现死循环现象。

例如:

i=5;
while(i!=4)
{
    document.write(i+"<br/>");
    i++;
}

上面这段代码就没有结束条件,因此会无限地执行下去。在JavaScript入门教程学习中,大家在写for语句的时候要特别地注意一下。

CSDN:程序猿 寄语:
1、作为一个真正的程序员,首先应该尊重编程,热爱你所写下的程序,他是你的伙伴,而不是工具。
2、程序员可以让步,却不可以退缩,可以羞涩,却不可以软弱,总之,程序员必须是勇敢的。
3、编程是一种单调的生活,因此程序员比普通人需要更多的关怀,更多的友情。
4、程序不是年轻的专利,但是,他属于年轻。
5、没有情调,不懂浪漫,也许这是程序员的一面,但拥有朴实无华的爱是他们的另一面。
6、一个好汉三个帮,程序员同样如此。
7、一个100行的代码调试都可能会让程序员遇到很多挫折,所以,面对挫折,我们永远不能低头。
8、调试完一个动态连接函数,固然值得兴奋,但真正的成功远还在无数个函数之后。
9、程序是我的生命,但我相信爱她甚过爱我的生命。
10、信念和目标,必须永远洋溢在程序员内心。
11、就算我们站在群山之颠,也别忘记雄鹰依旧能从我们头顶飞过。骄傲是比用JAVA进行底层开发更可笑的东西。
12、这句话不是很文雅,彻底鄙视那些害怕别人超越自己而拒绝回答别人问题的程序员。
13、如果调试一个程序让你很苦恼,千万不要放弃,成功永远在拐角之后,除非你走到拐角,否则你永远不知道你离他多远,所以,请记住,坚持不懈,直到成功。
14、最累的时候,家人是你最好的归宿。
 

  • 20
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值