for循環(huán)
循環(huán)我們常用的有兩種殿雪,第一種是while循環(huán),一種是for循環(huán)锋爪,while循環(huán)在一般情況下運行的會比較快丙曙,但相比較之下,for循環(huán)的代碼會更加簡潔一些其骄!
for循環(huán)的循環(huán)流程
?for(? (a定義初始變量)? ;? (b循環(huán)條件)? ;? (c變量變化)? ){
? ? ? ?? 循環(huán)語句塊
? ? ? }?
a亏镰、變量初始化?在進(jìn)入循環(huán)前執(zhí)行一次,變量初始化是可以同時設(shè)置多個初始變量的拯爽,每個初始變量之間用逗號隔開索抓。
b、條件是每次進(jìn)入循環(huán)之前都會c執(zhí)行并且判斷毯炮。
c逼肯、for循環(huán)的第三個部分是每次循環(huán)完成語句塊后執(zhí)行的內(nèi)容。
再開始循環(huán)式會進(jìn)行變量初始化桃煎,變量初始化只會在在進(jìn)入循環(huán)前執(zhí)行一次篮幢,在執(zhí)行過后后面的循環(huán)將不再執(zhí)行變量初始化,在變量初始化完成之后將會判斷換for循環(huán)的循環(huán)條件为迈,由循環(huán)條件來判斷循環(huán)的次數(shù)三椿,在條件判斷完成后不會立即進(jìn)行變量的變化,會先執(zhí)行循環(huán)的內(nèi)容也就是循環(huán)語句塊葫辐,最后才會執(zhí)行變量的變化搜锰,至此第一個循環(huán)將會結(jié)束,緊接著進(jìn)行下一次循環(huán)耿战!
注意
for循環(huán)三個部分?第二個條件部分不能使用逗號分隔多個條件蛋叼,只能使用邏輯與, 邏輯或昆箕,?其他兩個部分都可以使用逗號來分隔多個語句內(nèi)容鸦列。
示例
列表例子
var?str="<ul>";
???????for(var?i=0;i<10;i++){
???????????str+="<li>"+i+"</li>";
???????}
???????str+="</ul>";
???????document.write(str);
上面為一個循環(huán)實現(xiàn)ul列表0-9的案例,因為是列表循環(huán)鹏倘,所以我們要在循環(huán)前后加上<ul></ul>,循環(huán)語句塊中加上"<li>"+i+"</li>"薯嗤,里面的i每次循環(huán)數(shù)值將會從新定義,所以每個 li 里的數(shù)值將會是不同的纤泵,
在循環(huán)中 var i=0是用來設(shè)置初始變量的骆姐,初始變量再回在循環(huán)開始之前執(zhí)行一次镜粤,后面將不再執(zhí)行
而我們想得到0-9的列表,所以我們要進(jìn)行十次循環(huán)玻褪,在循環(huán)條件中設(shè)置i<10肉渴,初始i=0,每次循環(huán)到最后將會由變量變化? i++带射,對i從新進(jìn)行定義數(shù)值同规,直到 i 不小于10時停止循環(huán)。
在判斷完循環(huán)條件后窟社,將會執(zhí)行循環(huán)語句塊的內(nèi)容了券勺,也就是?str+="<li>"+i+"</li>";?str+=的意義不是數(shù)值意義上的相加灿里,是字符意義上的相加关炼,每次循在每次循在后面加上"<li>"+i+"</li>"。
在前面所有的都執(zhí)行完后匣吊,才會執(zhí)行i++儒拂,這時i將會加1,
按照上面的方式以此循環(huán)色鸳,將會循環(huán)10次社痛,直到i不小于10。
在所有循環(huán)都結(jié)束后執(zhí)行循環(huán)外的內(nèi)容缕碎,加上最后的褥影,因為現(xiàn)在內(nèi)容都在js中,我們要把內(nèi)容加在body中咏雌,所以用document.write(str);將內(nèi)容顯示在body中。至此一個由for循環(huán)做的列表就做好了校焦。
注意
在循環(huán)中循環(huán)條件和變量變化一定要加赊抖,而且變量變化要計算好,不然將會陷入死循環(huán)寨典!
最后分享循環(huán)乘法口訣表案例
用的循環(huán)嵌套: