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/

相关文章
|
18天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
30 3
|
4天前
|
JavaScript 前端开发 程序员
探索Vue.js宝库:解锁基础知识与实用技能之门(1. 数据绑定与响应式 2. 条件与循环 3. 组件化开发;1. 路由管理与导航 2. 状态管理与Vuex 3. Vue.js的生命周期)
探索Vue.js宝库:解锁基础知识与实用技能之门(1. 数据绑定与响应式 2. 条件与循环 3. 组件化开发;1. 路由管理与导航 2. 状态管理与Vuex 3. Vue.js的生命周期)
12 1
|
14天前
|
JavaScript 前端开发
JS循环语句以及一些小练习
JS循环语句以及一些小练习
13 1
|
21天前
|
JavaScript 前端开发 开发者
JavaScript基础-循环结构:for, while, do-while
【6月更文挑战第11天】本文介绍了JavaScript中的三种主要循环结构:`for`、`while`和`do-while`,并探讨了它们的使用、常见问题及易错点。文章强调了无限循环、逻辑错误和不当使用`do-while`的避免方法。通过代码示例展示了遍历数组、猜数字游戏和用户输入验证的应用场景,提醒开发者重视循环的正确使用和逻辑规划,以提升代码质量。
|
4天前
|
前端开发 JavaScript 程序员
探索JavaScript宝库:打开基础知识与实用技能之门(数据类型与变量+ 条件与循环+函数与模块+DOM+异常+ES6)
探索JavaScript宝库:打开基础知识与实用技能之门(数据类型与变量+ 条件与循环+函数与模块+DOM+异常+ES6)
5 0
|
2月前
|
JavaScript 前端开发
JavaScript 循环方法详解
JavaScript 循环方法详解
37 1
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js的工作流程管理系统附带文章和源代码设计说明文档ppt
基于springboot+vue.js的工作流程管理系统附带文章和源代码设计说明文档ppt
18 0
|
2月前
|
JavaScript 前端开发
JavaScript 条件循环语句(for 循环)
JavaScript 条件循环语句(for 循环)
|
2月前
|
前端开发 JavaScript 开发者
遍历指南:JavaScript 中的 for、for-in、for-of 和 forEach 循环详解
遍历指南:JavaScript 中的 for、for-in、for-of 和 forEach 循环详解
27 3
|
2月前
|
JavaScript 前端开发
比较JavaScript中的for...in和for...of循环
比较JavaScript中的for...in和for...of循环