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

全國咨詢/投訴熱線：400-618-4000

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

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

好口碑IT培訓

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

循環(huán)嵌套是指在一個循環(huán)語句中再定義一個循環(huán)語句的語法結構，例如在for循環(huán)語句中，可以再嵌套一個for 循環(huán)，這樣的 for 循環(huán)語句我們稱之為雙重for循環(huán)。雙重for循環(huán)的具體語法如下：
for (外循環(huán)的初始; 外循環(huán)的條件; 外循環(huán)的操作表達式) {
    for (內(nèi)循環(huán)的初始; 內(nèi)循環(huán)的條件; 內(nèi)循環(huán)的操作表達式) {  
       需執(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)負責一行打印五個星星，外層循環(huán)負責打印五行。語法格式如下：

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






猜你喜歡：

什么是transform？【CSS transform屬性】

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

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

Ionic中文本選項卡怎樣使用？

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

0 分享到：
和我們在線交談！