当前位置：首页 > 前端 > 正文

JS中的循环

yunbo1
前端
2026-08-27
160

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 + "    ");
        }
        document.write("<br>")
    }