JavaScript中的for循環(huán)與雙重for循環(huán)詳解
for循環(huán)就是對數(shù)組的元素進(jìn)行循環(huán)。
語法:
for (初始化變量; 條件表達(dá)式; 迭代語句) { 需要執(zhí)行的代碼塊;}
初始化變量:一般用來對循環(huán)變量進(jìn)行初始化賦值。 條件表達(dá)式:作為循環(huán)條件,一個包含比較運算符的表達(dá)式,用來限定循環(huán)變量的邊限。如果循環(huán)變量的值超出了該邊限,則停止該循環(huán)語句的執(zhí)行。 迭代語句:用來改變循環(huán)變量的值,從而控制循環(huán)的次數(shù),通常是對循環(huán)變量的值進(jìn)行遞增或者遞減的操作。for循環(huán)執(zhí)行順序:
// 1. 聲明變量;// 2. 判斷循環(huán)執(zhí)行條件;// 3. 代碼塊執(zhí)行;// 4. 變量自增;
示例:求1-100的偶數(shù)和
var num=0 for(var i=0;i<=100;i+=2){ //i+=2 意思為i=i+2 num +=i } console.log('偶數(shù)和:'+num) 雙重for循環(huán)
循環(huán)嵌套是指在一個循環(huán)語句中再定義一個循環(huán)語句的語法結(jié)構(gòu),例如在for循環(huán)語句中,可以再嵌套一個for循環(huán),這樣的for循環(huán)語句我們稱之為雙重for循環(huán)。
語法:
for (外層初始化變量; 外層條件表達(dá)式;外層迭代語句) { for (內(nèi)層初始化變量;內(nèi)層條件表達(dá)式; 內(nèi)層迭代語句) { 需要執(zhí)行的代碼塊; }}
里層循環(huán)可看做是是外層循環(huán)的執(zhí)行語句 外層循環(huán)執(zhí)行一次,里面循環(huán)就會執(zhí)行全部雙重for循環(huán)實質(zhì):
外層for循環(huán)控制循環(huán)的高度(行數(shù)); 內(nèi)層for循環(huán)控制循環(huán)的寬度(列數(shù));示例:輸出九九乘法表
for(var i= 0 ; i <=9 ; i++){ for(var aa = 1 ; aa <i+1 ; aa++){ document.write(aa+'*'+i+'='+i*aa); } document.write('<br />'); }
可以添加一些樣式讓它更美觀(添加span元素,定義body主體部分的寬度,將span元素改為inline-block行內(nèi)塊元素,設(shè)置其固定寬度)
<head><style> body{ width:2000px; } span{ display:inline-block; width:80px; } </style></head><body> <script> for(var i= 0 ; i <=9 ; i++){ for(var aa = 1 ; aa <i+1 ; aa++){ document.write('<span>'+aa+'*'+i+'='+i*aa+'</span>'); } document.write('<br />'); } </script></body>總結(jié)
到此這篇關(guān)于JavaScript中的for循環(huán)與雙重for循環(huán)的文章就介紹到這了,更多相關(guān)JavaScript雙重for循環(huán)內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. 詳解Android studio 動態(tài)fragment的用法2. 編程語言PHP在Web開發(fā)領(lǐng)域的優(yōu)勢在哪?3. Spring Boot和Thymeleaf整合結(jié)合JPA實現(xiàn)分頁效果(實例代碼)4. 什么是python的自省5. 解決Android studio xml界面無法預(yù)覽問題6. Android如何加載Base64編碼格式圖片7. 基于android studio的layout的xml文件的創(chuàng)建方式8. Springboot Druid 自定義加密數(shù)據(jù)庫密碼的幾種方案9. 圖文詳解vue中proto文件的函數(shù)調(diào)用10. Vuex localStorage的具體使用

網(wǎng)公網(wǎng)安備