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循环语句的主要内容,如果未能解决你的问题,请参考以下文章

在js中怎么结束当前for循环?

#9.5课堂JS总结#循环语句函数

js种的循环语句

小白必看!JS中循环语句大集合

js中的条件语句和循环语句

js-02-循环语句