工业UI开发技术-课件 2-3-6 循环语句.pptxVIP

循环语句深圳市信息职业技术学院

while01目录0203do…whilefor04foreach05for…in

本节目标 通过对JavaScript的基本语法的介绍，掌握JavaScript的语法。通过实训案例的讲解掌握流程控制，类与对象，DOM编程等内容。最后通过任务实施完成JavaScript的全面掌握与灵活运用。通过本节学习可以：掌握JavaScript的基本语法掌握JavaScript的流程控制掌握JavaScript类与对象的概念掌握JavaScript的DOM编程掌握ES6标准

01while

whilewhile语句 while循环会在指定条件为真时循环执行代码块。这意味着退出条件是在执行循环内部的代码之前计算的。因此，循环主体可能根本不被执行。 语法如下： while(条件){ 需要执行的代码 }例如：vari=0;while(i5){document.write(i+br);i++;}

02do…while

Do…whiledo-while语句 do-while语句是是while循环的变体，。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。 语法如下： do{ 需要执行的代码 } while(条件);例如：vari=0;do{document.write(i+br);i++;}while(i4);

03for

forfor语句 for语句是前测试循环，而且在进入循环之前，能够初始化变量，并定义循环后要执行的代码 它的语法如下： for(语句1;语句2;语句3){ 被执行的代码块 } for(语句1;语句2;语句3)//之后不能写分号，否则无法运行。 语句1（代码块）开始前执行starts. 语句2定义运行循环（代码块）的条件 语句3在循环（代码块）已被执行之后执行例如：for(vari=1;i20;i++){document.write(i);//语句段}首次：首先变量i赋初值1，然后进行判断条件是否成立，成立则执行一遍语句段。以后：首先先执行i++,然后判断条件，条件成立继续循环，条件不成立停止循环。

04foreach

foreachJavaScript中的foreach不属于语法结构，它是一个方法。forEach()方法用于调用数组的每个元素，并将元素传递给回调函数。注意:forEach()对于空数组是不会执行回调函数的。语法：array.forEach(callbackFn(currentValue,index,arr),thisValue)

05for…in

For…infor-in语句 JavaScriptfor/in语句循环遍历对象的属性 在有些情况下，开发者根本没有办法预知对象的任何信息，更谈不上控制循环的次数。这个时候用for…in语句可以很好的解决这个问题。 语法如下： for(propertyinexpression) statement例如：scriptvarmycars=newArray();mycars[0]=Audi;mycars[1]=Volvo;mycars[2]=BMW;for(xinmycars) {document.write(mycars[x]+br/); }/script

THANKYOU深圳市信息职业技术学院