标签:需要 length 循环条件 顺序 属性 嵌套 结果 直接 特点
##循环语句##
循环语句,也是流程控制语句不可或缺的一种结构。在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要写在生命属性名前,并且要在它需要结束的地方再写出
标签:需要 length 循环条件 顺序 属性 嵌套 结果 直接 特点
原文地址:https://www.cnblogs.com/akangwx0624/p/11108123.html