js循环语句
Posted akangwx0624
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js循环语句相关的知识,希望对你有一定的参考价值。
##循环语句##
循环语句,也是流程控制语句不可或缺的一种结构。在JS中实现循环的方式有好几种
###循环###
为什么要循环?
<br>举一个简单例子,如果要计算1加到10,或许你会挨个写出来,但是,1加到100呢?加到1000呢?
这时,就是我们的循环语句登场了
###while循环###
<br>while循环是一种常见的循环,表达式如下:
<br>while(表达式)
//循环体
<br>可能大家看不懂,给大家举个例子吧:
<br>let i = 1,sum = 0;
<br>while(i <= 100)
sum += i;
i++;
console.log(sum);//结果:5050
<br>这就是一个简单的while循环
####无穷循环####
无穷循环,也就是死循环,这是在我们无法退出循环时会遇到的一种情况。
<br>所以,一般来说,我们在设计循环的时候,要为循环设计一个出口,在不满足循环条件是就会退出循环,如果没有设计循环出口,那么循环语句将无法退出,陷入到无穷循环中。
###do..while循环###
这种循环能至少执行一次。
<br>首先先进行一次循环体,然后在检测循环条件的表达式是否为“真”,如果是,就重复执行循环语句。
<br>表达式:
<br>do
//执行语句;
while(表达式);
<br>例:
<br>let i = 1,sum = 0;
<br>do
sum += i;
i++;
while(i <= 100);
console.log(sum);//结果:5050
###for循环###
for是一种常见的循环,表达式为:
<br>for(表达式1;表达式2;表达式3)
//循环体
<br>它的执行顺序很有特点:首先先执行表达式1,然后判断表达式2,如果成立,那么就进行循环体执行,循环体执行结束后,进入表达式3,然后还要再看表达式2是否成立,成立就继续执行,不成立就跳出循环结束。
<br>例:
<br>let sum = 0;
for(let i=1;i<=100;i++)
sum += i;
console.log(sum);//结果:5050
<br>方法2:
<br>let i = 1,sum = 0;
for(;i<=100;)
sum += i;
i++;
console.log(sum);//结果:5050
####遍历数组####
最早时,JS就常用for循环对数组进行遍历,如:
<br>let arr = [1,2,3,4,5];
<br>for(let i=0;i<arr.length;i++)
console.log(arr[i]);
###循环嵌套###
循环嵌套就是我们可以吧一个循环嵌套在另一个循环里面,从而形成循环嵌套。里面的循环称之为内层循环,外面的循环成为外层循环。
<br>注:外层循环每循环一次,都要把内层循环先全部执行完才可以
<br>例(九九乘法表):
<br>let str = "";for(let i=1;i<=9;i++)
for(let j=1;j<=i;j++)
str += i + "*" + j + "=" + (i*j) + " "
console.log(str);
str = "";
<br>展示如下:
<br>1x1=1
<br>2x1=2 2x2=4
<br>3x1=3 3x2=6 3x3=9
<br>4x1=4 4x2=8 4x3=12 4x4=16
<br>5x1=5 5x2=10 5x3=15 5x4=20 5x5=25
<br>6x1=6 6x2=12 6x3=18 6x4=24 6x5=30 6x6=36
<br>7x1=7 7x2=14 7x3=21 7x4=28 7x5=35 7x6=42 7x7=49
<br>8x1=8 8x2=16 8x3=24 8x4=32 8x5=40 8x6=48 8x7=56 8x8=64
<br>9x1=9 9x2=18 9x3=27 9x4=36 9x5=45 9x6=54 9x7=63 9x8=72 9x9=81
###break和continue###
1.break
<br>break语句是可以跳出switch语句或者循环语句,但需要注意一点,break语句不能直接作用于if语句,除非这个if语句是被嵌套在循环语句内部。
<br>例:
<br>for(表达式1;表达式2;表达式3)
if(条件)
//执行语句
break;
<br>2.continue
<br>它可以结束本次循环,但并非终止整个循环,这是跳过这个循环体后面的语句,开始进行下一次新的循环。
<br>注:continue语句是结束本次循环,跳过后面的语句;break语句是结束整个循环。
###outer###
outer可以去除数组中重复的样式
<br>注:outer要写在生命属性名前,并且要在它需要结束的地方再写出
以上是关于js循环语句的主要内容,如果未能解决你的问题,请参考以下文章