JS中的循环

Posted 2022-09-13 wu0379

1.循环的概念和意义

• 循环语句

　　

• 循环的意义：

    　　计算机是个傻子，没有七情六欲，不会有人类的感性和思考。当你问他爱吃啥，他不知道，当问他喜欢什么颜色，他也不知道。那我们要计算机干啥呢？

    　　从远古时期讲，所谓计算机并没有现在这么牛的功能，游戏电影，都是不可能的。只能干一件事：计算。那么什么是计算呢，为什么不自己计算呢？

    　　所谓计算，就是数据的累加，比如1加到100，这些累加都是重复性的工作，当人处理这些重复性的工作时，速度有限，但是计算机处理起来奇快无比，这就是计算机的价值所在。

    　　发展到今天也是一样，当我们需要计算机的时候，大多数让他干的都是重复性的工作，这些重复性的工作有着极其相似的代码

    　　比如，打印10次“hello world”：

 

    　　document.write("hello world");

    　　document.write("hello world");

    　　document.write("hello world”);

    　　…………

    　　对于我们来说这样费时费力，同时也会有很多的代码冗余，那么这个时候我们应该使用的就是js中的循环。 

    　　当然我们也可以不用循环，但是我们需要打印100次“hello world”！

---

2.while循环和do-while循环的使用

 

 while(条件)

        执行语句

    

    当条件为true时，会一直重复执行花括号内的执行语句。注意：千万不要造成死循环

    

    var i = 0;        //计数器

    while(i<10)      //停止的条件

        document.write("hello world”);

        i++;          //改变计数器

    

 

    注意：为避免死循环，一定要在循环体内改变条件中使用的变量的值

 

    do-while

 

    do

        当条件为真，执行这里的语句

    while(条件)

        当条件为假，执行这里的语句

    

 

    当条件为真时，执行do的语句，当条件为假时，执行while的语句

    do

        console.log("do的执行语句”);

        i++;

    while(i<10)

        console.log("while的执行语句");

    

 

    注意do-while的改变计数器需要写在do语句中，否则会造成死循环。

 

    while和do-while的区别？

    do-while无论结果为真还是为假，都会执行一次

---

3.continue关键字 和 break关键字的使用

　　continue和break都是用来控制循环结构的，主要是用来停止循环。

　　continue表示终止本次循环，还执行后面的循环。也可以理解成跳过本次循环中剩下的语句，执行下一次循环。

　　break表示完全结束一个循环，跳出循环体执行循环后面的语句。

---

4.for循环的使用

    for(语句1;语句2;语句3)

        需要执行的代码块

    

 

    语句1:在循环体开始前执行－－－－计数器

    语句2:循环的条件－－－－－－－－停止的条件

    语句3:在循环体被执行后执行－－－改变计数器

 

    for(var i = 0; i < 10; i++)

        console.log(1);

    

    

    注意在for循环中语句之间用“;”隔开。

 

    小技巧：在知道执行次数时用for，在无法判断循环次数时用while

---

5.死循环的概念和作用

无法靠自身控制结束的循环，称为死循环

 不知道要循环几次的问题，利用死循环的原理，每次判断一个条件，直到满足条件，利用break跳出循环

 

但是可以利用死循环的原理，解决一些问题：

案例：篮球从5米高的地方掉下来，每次弹起的高度是原来的30%，经过几次弹起，篮球的高度是0.1米。

　var i = 0;
    var h = 5;
    while(true)
        h = h * 0.3;
        i++;

        if(h < 0.1)
            console.log(i)
            break;
       
   

---

6.for循环的嵌套

　　外层循环控制行
    　内层循环控制列
    　循环的嵌套：解决多行多列的结构

 

使用document.write()打印九九乘法表：

    for(var i=1;i<=9;i++)
        for(var j=1;j<=i;j++)
            document.write(j + "*"+ i +"=" + i*j + "&nbsp;&nbsp;&nbsp;&nbsp;");
       
        document.write("<br>")