此篇文章讲解目录：

• 循环语句

• 跳转语句

循环语句

• while

• 语法 while(条件){//循环执行代码片段}

• 流程

• 判断条件表达式的值

• 当值为true时循环执行代码段

• 当值为false时退出循环体

• 特性

• 先检查条件，再执行循环体

• 条件不满足则循环一次也不执行

• 时机

• 一个动作被重复执行到满足某个条件时

• do while

• 语法 do { //代码执行主体 } while (条件表达式);

• 流程

• 先执行循环体内代码再进行判断

• 如果表达式的值为true，则重复执行代码段

• 如果表达式的值为false，则退出循环体

• 特性

• 先执行循环体，再进行条件判断

• 循环体内代码至少执行一次

• 时机

• 希望一个动作至少被执行一次时

• for

• 特性

• for(循环变量=初值;循环条件;递增/递减计数器){循环代码段}；

• 注意for循环length的优化；

• 流程

• 用循环变量初始值与循环条件相比较，确定返回值

• 如果返回值为true则执行循环体

• 执行完一次后进行递增/递减运算

• 将运算结果与循环条件相比较

• 如果返回值还是true则继续执行循环体；如果返回值为false则退出循环体；

• 时机

• 重复一个动作到一定次数时；

• for in

• 语法

• for(声明变量in对象){代码段} for (var variable in object) { if (object.hasOwnProperty(variable)) { //代码执行主体 } }

• 作用:枚举对象属性

跳转语句

• return：终止函数体的运行，并返回一个值

• break：终止整个循环，不再进行判断

• continue：结束本次循环，接着去判断是否执行下次循环；

• 代码：

function test(val) {

for(var i=0;i<5;i++){

console.log('开始执行循环代码')

if(val==2){

console.log('传入的值为2的话，执行到此，直接跳出函数')

return;

}

if(val==3){

console.log('传入的值为3的话，循环执行到此，就不执行了，开始下一次循环')

continue;

}

if(val==4){

console.log('传入的值为4的话，执行到此，直接跳出循环，执行循环后的代码')

break;

}

console.log('循环：在条件判断执行后，执行此行代码')

}

console.log('循环结束后，执行此行代码')

}

大家好接下来我们会邀请前端架构师以连载的方式，通过30天的实战系统讲解JavaScript的专业知识，欢迎大家关注头条号“互联网IT信息”。