JS中的循环

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>")

}

原文地址:https://www.cnblogs.com/wu0379/p/11438330.html

时间: 2024-11-04 15:17:03

JS中的循环的相关文章

js中的循环语句

js中的循环语句可分为三种:1.while:2.do……while:3.for. while的语法为 while (exp) {    //statements;} var a=1,b=0; while(a<=1000){ if(a%2==0){ if(b%20==0) { document.write("<br>第"+parseInt(b/20+1)+"行偶数"); } document.write(a+"&nbsp"

js中for循环使用方法详解

大家好,今天我们来聊聊js中for循环,咱废话不多说直接进入主题: for语句是循环语句的一种用于创建一个循环,这是在开发中最常见的循环: for的语法for(初始值:条件判断:自身的改变){要重复执行的代码}: <script> var a=0;//定义一个变量 //循环6次,每次都执行a+1 for (i=0;i<6;i++){ a=a+1; console.log(a)//拿出a值看下变化过程 } </script> 下面我们来看下a的结果会是什么: 这就是a的变化过程

JS中的循环结构、循环嵌套以及函数介绍

[循环结构的步骤]    *①声明循环变量    *②判断循环条件    *③执行循环体(while的{}中的所有代码)操作     *④更新循环变量    *     * 然后,循环执行②③④    *     *     * [JS中循环条件支持的数据类型]    * ①boolean:true 真     false   假    * ②string: 非空字符串为真       空字符串为假    * ③null/NaN/undefined:  全为假    * ④object:全为真 

JS中的循环嵌套 BOM函数

[嵌套循环特点]                           外层循环转一次,内层循环转一圈              外层循环控制行数,内层循环控制每行元素个数             [做图形题思路]              1确定图形一共几行  极为外层的循环的次数             2确定每行有几种元素,代表有几个内层循环.             3 确定每种元素的个数,即为每个内层循环的次数                 tips:通常:找出每种元素个数,与行号的关

简单聊一聊JS中的循环引用及问题

本文主要从 JS 中为什么会出现循环引用,垃圾回收策略中引用计数为什么有很大的问题,以及循环引用时的对象在使用 JSON.stringify 时为什么会报错,怎样解决这个问题简单谈谈自己的一些理解. 1. 什么是循环引用 当对象 1 中的某个属性指向对象 2,对象 2 中的某个属性指向对象 1 就会出现循环引用,(当然不止这一种情况,不过原理是一样的)下面通过代码和内存示意图来说明一下. function circularReference() { let obj1 = { }; let obj

js中for循环闭包问题记录

<script type="text/javascript"> window.onload = function(){ var aImg = document.getElementsByTagName('img'); for(var i=0;i<3;i++){ alert(i); //0,1,2 aImg[i].onclick = function(){ alert(i); //3 } } alert(i);//循环外值依旧为3 } </script> .

JS实现停留几秒sleep,Js中for循环的阻塞机制,setTimeout延迟执行

//第一种,使用while循环 function sleep(delay) { var start = (new Date()).getTime(); while((new Date()).getTime() - start < delay) { continue; } } //或者使用for循环 function sleep(delay) { for(var t = Date.now(); Date.now() - t <= d;); } 这种实现方式是利用一个伪死循环阻塞主线程.因为JS是

JS中的循环结构

[循环结构的执行步骤]1.声明循环变量:2.判断循环条件3.执行循环体操作4.更新循环变量然后循环执行2-4,直到条件不成立时,跳出循环.while循环()中的表达式,运算结果可以是各种类型,但是最终都会转为真假,转换规则同if结构: var num = 1 ; //1.声明循环变量: while (num){ //2.判断循环条件 document.write(num+"<br />");//3.执行循环体操作 num++;//4.更新循环变量 } while循环特点:先

js中for循环的两种类型

1:数值累加的方式循环for (var i = 0; i <= 10; i++) {document.write("The number is " + i);document.write("<br />");} 2:枚举数组或对象中值来循环,类似其他语言的for each,遇到数组时key为数据下标,遇到对象时key为对象(名称:值)项的名称.var mycars = new Array();mycars[0] = "Saab"