工業(yè)UI開發(fā)技術(shù)-課件 2-3-6 循環(huán)語句

循環(huán)語句深圳市信息職業(yè)技術(shù)學(xué)院while01目

錄0203do…whilefor04foreach05for…in本節(jié)目標(biāo)

通過對JavaScript的基本語法的介紹，掌握J(rèn)avaScript的語法。通過實訓(xùn)案例的講解掌握流程控制，類與對象，DOM編程等內(nèi)容。最后通過任務(wù)實施完成JavaScript的全面掌握與靈活運用。通過本節(jié)學(xué)習(xí)可以：掌握J(rèn)avaScript的基本語法掌握J(rèn)avaScript的流程控制掌握J(rèn)avaScript類與對象的概念掌握J(rèn)avaScript的DOM編程掌握ES6標(biāo)準(zhǔn)01whilewhilewhile語句 while循環(huán)會在指定條件為真時循環(huán)執(zhí)行代碼塊。這意味著退出條件是在執(zhí)行循環(huán)內(nèi)部的代碼之前計算的。因此，循環(huán)主體可能根本不被執(zhí)行。

語法如下：

while(條件){

需要執(zhí)行的代碼 }例如：vari=0;while(i<5){document.write(i+"<br>");i++;}02do…whileDo…whiledo-while語句

do-while語句是是while循環(huán)的變體，。該循環(huán)會在檢查條件是否為真之前執(zhí)行一次代碼塊，然后如果條件為真的話，就會重復(fù)這個循環(huán)。

語法如下：

do{

需要執(zhí)行的代碼 }

while(條件);例如：vari=0;do{document.write(i+"<br>");i++;}while(i<4);03forforfor語句 for語句是前測試循環(huán)，而且在進(jìn)入循環(huán)之前，能夠初始化變量，并定義循環(huán)后要執(zhí)行的代碼

它的語法如下：

for(語句1;語句2;語句3){

被執(zhí)行的代碼塊 }

for(語句1;語句2;語句3)//之后不能寫分號，否則無法運行。

語句1（代碼塊）開始前執(zhí)行starts.

語句2定義運行循環(huán)（代碼塊）的條件

語句3在循環(huán)（代碼塊）已被執(zhí)行之后執(zhí)行例如：for(vari=1;i<20;i++){document.write(i);//語句段}首次：首先變量i賦初值1，然后進(jìn)行判斷條件是否成立，成立則執(zhí)行一遍語句段。以后：首先先執(zhí)行i++,然后判斷條件，條件成立繼續(xù)循環(huán)，條件不成立停止循環(huán)。04foreachforeachJavaScript中的foreach不屬于語法結(jié)構(gòu)，它是一個方法。forEach()方法用于調(diào)用數(shù)組的每個元素，并將元素傳遞給回調(diào)函數(shù)。注意:forEach()對于空數(shù)組是不會執(zhí)行回調(diào)函數(shù)的。語法：array.forEach(callbackFn(currentValue,index,arr),thisValue)05for…inFor…infor-in語句 JavaScriptfor/in語句循環(huán)遍歷對象的屬性

在有些情況下，開發(fā)者根本沒有辦法預(yù)知對象的任何信息，更談不上控制循環(huán)的次數(shù)。這個時候用for…in語句可以很好的解決這個問題。

語法如下：

for(propertyinexpression) statement例如：<script>varmycars=newArray();mycars[0]="Audi";mycars[1]="Volvo";mycars[2]="BMW";for(xinm