亲,请登录 免费注册

js循环语句

扫描二维码阅读手机版

js循环语句:

在JS中,当需要执行很多相类似或者一样的操作的时候,就需要借助js循环语句;

js循环语句大概分为以下几种:

1.for循环;

其结果为:

for(var i=0;i<xxx;i++){
    // do something;
}

其中i为循环变量,i<xxx为循环条件,i++为每次for循环执行完成之后对i进行赋值自增1;

例如:

我们需要对一个空数组添加0到50的数字,如果一个一个数字进行数组的push操作,就太费时间和精力了,好在我们有for循环;

var arr = [];
for(var i=0;i<=50;i++){
    arr.push(i);
}
console.log(arr);  // [0,1,2,...,50];

其执行流程为:

先申明一个变量i并对其赋值为0,然后判断这个变量是否满足条件(i<=50是否成立),第一次i为0,所以条件成立,

接着执行循环体的内容,对空数组进行push操作,添加当前的数字(第一次添加0),然后对i进行自增操作(i++),

再重复去判断条件是否满足,一直到i自增到51,判断条件(i<=50)不成立是,至此,退出整个for循环;

对for循环而言,可以中途退出或者在循环当次退出循环,此时,需要借助关键字:break和continue;

break退出整个for循环;

例如:当循环变量满足条件是,我们退出整个for循环;

for(var i=0;i<50;i++){
    if(i==10){
        break;
    }
}

上面例子中,原本for循环会执行50次自动退出,但是在其循环体内,进行了判断,并利用break进行退出,所以整个for循环其实只

执行了10或者11次(取决于执行代码块是放在if前面还是执行的);

continue操作会退出当前循环语句;

例如:

for(var i=0;i<50;i++){
    if(i==10||i==20||i==30){
        continue;
    }
}

在上面例子中,当i为10,20,30的时候,会退出循环,所以整个循环值走了47次;

2.while循环

和for循环及其类似;

其结构为:

while(true){
    // do something
}

当条件满足是,会一直执行,直到条件不满足或者使用break时,才会退出循环;

例如:

var i=0;
while(i<5){
    console.log(i);   // 0,1,2,3,4
    i++;
}

先申明一个变量,然后做条件判断(i<5),条件不满足,会一直执行,一个到i自增到5的时候,条件不满足,退出整个while循环;

3.do...while循环;

和while循环一模一样。唯一的区别是,不管条件满不满足,do...while都会执行一次代码块的内容;

其结构为:

do{
    // do something
}while('条件表达式');

例如:

var i=1;
do{
    console.log(i);   // 1
}while(i<0);

这个例子中,i变量为1 i<0 执行结果为false,在while循环内不会输出任何东西,但是在do...while循环体内还是把i值输出了;

这就是 while和do...while唯一的区别;

总结:不论是条件分支语句,还是循环体,都可以任意嵌套。但是需要注意的是控制循环体的变量,忌讳形成死循环;


关注IT新闻、SEO优化、站长技术、营销、建站,扫描19652站长网二维码,定期送礼品。

微信扫描

安卓扫描

热门精选

  • js原生查找元素的4种方法

    js原生查找元素的4种方法

  • JS之--初识对象和创建对象

    JS之--初识对象和创建对象

  • CSS之--定位

    CSS之--定位

  • js判断分支条件语句

    js判断分支条件语句