JavaScript的流程控制之for循环语句和while循环语句(二)

简介: JavaScript的流程控制(二)上一篇博客说到了JavaScript流程控制的if条件语句和switch选择语句,现在我们来说一下JavaScript流程控制中的循环语句。JavaScript中循环语句主要包含for循环和while循环两类。for循环for循环又分为for循环,for…in循环,for…of循环,其中for…of循环是es6中新增的,咱们后面讲es6时再讲,这次主要讲for循环和for…in循环。1.for循环循环可以将代码块执行指定的次数。 // 语法: // for(语句1;语句2;语句3){ // 语句4; /

JavaScript的流程控制(二)




上一篇博客说到了JavaScript流程控制的if条件语句和switch选择语句,现在我们来说一下JavaScript流程控制中的循环语句。JavaScript中循环语句主要包含for循环和while循环两类。


for循环


for循环又分为for循环,for…in循环,for…of循环,其中for…of循环是es6中新增的,咱们后面讲es6时再讲,这次主要讲for循环和for…in循环。


1.for循环


循环可以将代码块执行指定的次数。


 

// 语法:// for(语句1;语句2;语句3){//    语句4;// }// 语句1:初始化一个值, // 语句2:判断条件// 语句3:自增(++)或自减(--)// 语句4:要训话执行的代码// 如果我们想一遍又一遍地运行相同的代码,并且每次的值都不同。如下:document.write(1+"<br/>");
document.write(2+"<br/>");
document.write(3+"<br/>");
document.write(4+"<br/>");
document.write(5+"<br/>");
document.write(6+"<br/>");
document.write(7+"<br/>");
// 这时我们就可以考虑使用循环了,比如:for(varn=1;n<8;n++){
document.write(n+"<br/>")
    }
// 使用for循环只需要三行代码就可以实现上面启航代码可以实现的效果

注意:for循环中中代码执行的顺序为:先语句1,然后语句2,语句4,最后语句3。 同时要知道,for循环的语句1和语句2主要是用来判断循环执行的次数。



补充一个逗号表达式,用在判断条件中。简单来说,在判断条件中,有多判断条件时,只有最后一个条件起作用。


for(vara=0,b=0;a<10,b<20;a++,b++){
console.log(a+b);// 38     }
if(10>5,10<5){
console.log(true);
    }else{
console.log(false);
    }
// 打印false

2.for…in循环


JavaScript中for…in循环语句,用来遍历对象(数组)的属性。

varobj={
name:"尹杰",
age:35,
sex:"和诸葛成同类"    }
console.log(obj.name);//尹杰console.log(obj["name"]);//尹杰for(kinobj){
console.log(k);//键  key//name age sexconsole.log(k+":"+obj[k]);
//name:尹杰 age:35 sex:和诸葛成同类    }
vararr=[1,2,3,4,5,6,7];
for(jinarr){
console.log(arr[j]);//1 2 3 4 5 6 7    }


while循环


while循环语句和for循环语句执行的功能类似。都是包含判断的条件以及条件成立时执行的代码块。


1.while循环


 

// 语法:// while循环// 声明初始值// while (条件) {//     // 执行代码  类似于for循环的语句4;//     // 类似于for循环的语句3;// }vari=0;
while (i<10) {
console.log(i);
i++;
    }
// 在浏览器控制台打印0 1 2 3 4 5 6 7 8 9


2.do…while循环


// do while循环  // 语法:// do{//     // 执行代码// }while(条件)varj=0;
do{
console.log(j);
j++;
    }while(j<10)
// 在浏览器控制台打印0 1 2 3 4 5 6 7 8 9


while循环和do…while循环区别在于while循环是先判断后执行,而do…while循环是先执行后判断。

for循环个while循环的区别


当循环的次数确定时,使用for循环和while循环差别不大,但是当循环次数不确定时,while方法使用起来更加方便,更加好理解。


关注我,学习前端不迷路!!!


视频讲解链接:https://www.bilibili.com/video/BV12z4y1R7eZ/

目录
打赏
0
0
0
0
1
分享
相关文章
最细最有条理解析:事件循环(消息循环)是什么?为什么JS需要异步
度一教育的袁进老师谈到他的理解:单线程是异步产生的原因,事件循环是异步的实现方式。 本质是因为渲染进程因为计算机图形学的限制,只能是单线程。所以需要“异步”这个技术思想来解决页面阻塞的问题,而“事件循环”是实现“异步”这个技术思想的最主要的技术手段。 但事件循环并不是全部的技术手段,比如Promise,虽然受事件循环管理,但是如果没有事件循环,单一Promise依然能实现异步不是吗? 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
84 32
深度剖析 Vue.js 响应式原理:从数据劫持到视图更新的全流程详解
本文深入解析Vue.js的响应式机制,从数据劫持到视图更新的全过程,详细讲解了其实现原理和运作流程。
|
5月前
|
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
53 2
|
6月前
|
自动循环提交js
自动循环提交js
36 0
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
236 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
kettle job通过javascript进行循环控制
任何一种编程语言都少不了循环,kettle中的job也一样。那么kettle中的job是怎么通过JavaScript来达到类似于编程语言中的for循环呢? var max = parent_job.
1600 0