教育行業(yè)A股IPO第一股（股票代碼 003032）

全國(guó)咨詢/投訴熱線：400-618-4000

Javascript 雙重for循環(huán)語句介紹

更新時(shí)間:2022年03月17日14時(shí)14分 來源:傳智教育 瀏覽次數(shù):

好口碑IT培訓(xùn)

很多情況下，單層 for 循環(huán)并不能滿足我們的需求，比如我們要打印一個(gè) 5 行 5 列的圖形、打印一個(gè)倒直角三角形等，此時(shí)就可以通過循環(huán)嵌套來實(shí)現(xiàn)。

循環(huán)嵌套是指在一個(gè)循環(huán)語句中再定義一個(gè)循環(huán)語句的語法結(jié)構(gòu)，例如在for循環(huán)語句中，可以再嵌套一個(gè)for 循環(huán)，這樣的 for 循環(huán)語句我們稱之為雙重for循環(huán)。雙重for循環(huán)的具體語法如下：
for (外循環(huán)的初始; 外循環(huán)的條件; 外循環(huán)的操作表達(dá)式) {
    for (內(nèi)循環(huán)的初始; 內(nèi)循環(huán)的條件; 內(nèi)循環(huán)的操作表達(dá)式) {  
       需執(zhí)行的代碼;
   }
}

在以上語法循環(huán)中，內(nèi)層循環(huán)可以看做外層循環(huán)的語句，內(nèi)層循環(huán)執(zhí)行的順序也要遵循 for 循環(huán)的執(zhí)行順序。外層循環(huán)執(zhí)行一次，內(nèi)層循環(huán)要執(zhí)行全部次數(shù)。下面通過打印五行五列星星的案例演示for雙重循環(huán)的用法。

其中，內(nèi)層循環(huán)負(fù)責(zé)一行打印五個(gè)星星，外層循環(huán)負(fù)責(zé)打印五行。語法格式如下：

var star = '';
for (var j = 1; j <= 3; j++) {
    for (var i = 1; i <= 3; i++) {
      star += '☆'
    }
    // 每次滿 5個(gè)星星 就 加一次換行
    star += '\n'
}
console.log(star);
 總結(jié)：for 循環(huán)可以重復(fù)執(zhí)行某些相同代碼，for 循環(huán)可以重復(fù)執(zhí)行些許不同的代碼，因?yàn)槲覀冇杏?jì)數(shù)器，for 循環(huán)可以重復(fù)執(zhí)行某些操作，比如算術(shù)運(yùn)算符加法操作。隨著需求增加，雙重for循環(huán)可以做更多、更好看的效果雙重 for 循環(huán)，外層循環(huán)一次，內(nèi)層 for 循環(huán)全部執(zhí)行for循環(huán)是循環(huán)條件和數(shù)字直接相關(guān)的循環(huán)。






猜你喜歡：

什么是transform？【CSS transform屬性】

HTML5新增form屬性詳細(xì)講解【web前端文章】

JavaScript for循環(huán)語句詳細(xì)介紹【JavaScript教程】

Ionic中文本選項(xiàng)卡怎樣使用？

傳智教育HTML&JS+前端開發(fā)培訓(xùn)課程

0 分享到：
和我們?cè)诰€交談！