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/

相关文章
|
4月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
57 6
JS循环for、for...of、for...in
|
3月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
47 0
|
2月前
|
监控 JavaScript 算法
深度剖析 Vue.js 响应式原理:从数据劫持到视图更新的全流程详解
本文深入解析Vue.js的响应式机制,从数据劫持到视图更新的全过程,详细讲解了其实现原理和运作流程。
|
2月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
31 2
|
4月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
145 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
4月前
|
JavaScript 前端开发 索引
|
3月前
|
JavaScript
自动循环提交js
自动循环提交js
26 0
|
JavaScript 前端开发
JavaScript流程控制,带你打印九九乘法表
JavaScript流程控制,带你打印九九乘法表
244 0
JavaScript流程控制,带你打印九九乘法表
|
2月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
36 1
JavaScript中的原型 保姆级文章一文搞懂
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
116 2