js中的循环

js中的循环

我们在程序中会一遍又一遍的去执行相同或相似的代码

js中循环帮我们解决重复代码

循环的两个要素:

​ 循环条件:控制循环的次数

​ 循环体:重复执行的相同或者相似代码

while循环

/*
*  while(循环条件){
*   	循环体;
*	}
*/
//计算1~100之间的整数和
var i = 1,sum=0;
while(i<=100){
    sum+=i;//累加
    i++;
}
console.log(sum)//输出5050

do while 循环

/*
*  	do {
*		循环体;
*	} while(循环条件)
*	
*/
//计算1~100之间的整数和
var i = 1,sum = 0;
do {
    sum+=i;
    i++;
} while(i<=100)
console.log(sum)//输出5050
//小朋友很多问号 为什么有了while,还要一个do while语句呢
//while 和 do while 之间的区别
//while 会先执行条件判断,再执行循环体中的内容
//do while 会先执行循环体中,再判断循环条件是否再次执行循环体
//还有很多问号,看下个栗子

下个栗子

var i = 50,sum = 0;
while(i>50){
    sum+=i;
}
console.log(sum)//输出 0, sum是为0 没执行循环语句
var i2 = 50,sum2 = 0;
do {
    sum2 += i2;
} while(i>50)
console.log(sum2)//输出 50 证明 do while 是执行一次循环体中的内容
//小朋友 还有很多问号,js就是这样定义的,人家定义好的东西你使用就对了,使用它就是信任它

js中还有for循环

//for循环
for(var i = 1;i<=100;i++){
    sum += i;
}
console.log(sum) //输出5050
//和第一第二个栗子一样 都是计算1~100之间的值
//for 循环中的变量写在了()中
//while 和 do while的变量写在外面
//两者有什么区别呢

循环中有哪些成员

//循环条件
//循环体
//步长
//所需条件变量
//看下面写法

for(var i = 1;i<=100;i++){
    sum += i;
}
console.log(sum)
//可以改写成
var i = 1;
for(;i<=100;i++){
    sum += i
}
//可以改写成
var i = 1;
for(;i<=100;){
    sum +=i
    i++;
}
//	for循环三种写法
//	for(变量;循环条件;步长){
//		循环体
//	}

//	变量
//	for(;循环条件;步长){
//		循环体
//	}

//	变量
//	for(;循环条件;){
//		循环体
//		步长
//	}
//

//for循环()中必要的条件,循环条件
//其他循环中需要的变量,步长都可以不写在()中
//但是()中必须用;分号占位
//循环中的变量都是在循环体外声明的,没有随循环体一起执行
//步长需要随循环体执行
//循环中,步长可以随意控制长度

//计算1~100中的奇数的和	1+3+5....+99
for(var i = 1,sum = 0 ;i<=100;i+=2 ){
    sum += i;
}
console.log(sum) // 输出2500

循环本质:需要反复执行一段代码片段时,使用循环语句

下一篇,循环中的跳过和强行结束