0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

怎樣在JavaScript中使用循環(huán)結(jié)構(gòu)

454398 ? 來(lái)源:工程師吳畏 ? 2019-07-31 17:23 ? 次閱讀

循環(huán)結(jié)構(gòu)是用于執(zhí)行重復(fù)任務(wù)的代碼的一部分,例如重復(fù)執(zhí)行測(cè)試或計(jì)算。本質(zhì)上,JavaScript中有三種基本類型的循環(huán)結(jié)構(gòu),這些結(jié)構(gòu)包括以下內(nèi)容:

JavaScript

for loop

while循環(huán)

do while循環(huán)

每個(gè)循環(huán)結(jié)構(gòu)都執(zhí)行重復(fù)性任務(wù),但控制循環(huán)的方法因循環(huán)類型而異。

for循環(huán)

當(dāng)必須執(zhí)行任務(wù)的次數(shù)(稱為迭代)時(shí),可以使用for循環(huán)結(jié)構(gòu)。當(dāng)一個(gè)條件成立時(shí),while循環(huán)的兩個(gè)版本將執(zhí)行一個(gè)任務(wù)或一組任務(wù)。以下代碼片段演示并編寫我的論文很簡(jiǎn)單。請(qǐng)注意,變量i的變量聲明包含在循環(huán)定義(var i = 0)中,該聲明指示解釋器在內(nèi)存中創(chuàng)建一個(gè)區(qū)域來(lái)存儲(chǔ)數(shù)據(jù)并使用標(biāo)簽i引用該區(qū)域。這個(gè)特定的循環(huán)只是為循環(huán)的每次迭代顯示變量i的值,并繼續(xù)進(jìn)行100次迭代。

預(yù)定長(zhǎng)度的循環(huán)

1for (var i=0;i《100;i++){

2 document.write(i);

3}

程序員必須滿足三個(gè)條件才能創(chuàng)建成功的循環(huán)結(jié)構(gòu);這些條件是:

建立控制變量

修改控制變量

測(cè)試控制變量

for循環(huán)在循環(huán)定義語(yǔ)句中滿足這些條件。在上面的模塊中,聲明變量i建立控制變量,i 《100條件建立控制變量的測(cè)試。動(dòng)作i ++通過指示JavaScript解釋器在循環(huán)的每次迭代后遞增變量來(lái)修改控制變量。

因此,當(dāng)解釋器到達(dá)for循環(huán)時(shí),JavaScript解釋器將創(chuàng)建變量i,將變量設(shè)置為0,然后執(zhí)行循環(huán)中包含的指令。在這種情況下,指令使解釋器顯示變量i的值。

顯示變量后,JavaScript解釋器將變量i的值增加1或增加變量,按照循環(huán)定義中包含的i ++動(dòng)作的指示。在遞增i的值之后,JavaScript解釋器將檢查i的值以確定循環(huán)是否應(yīng)該運(yùn)行另一次迭代或退出循環(huán)。如果變量i的值小于100,則JavaScript解釋器將執(zhí)行另一次迭代的循環(huán)操作。如果該值等于100,則JavaScript解釋器將退出循環(huán)并繼續(xù)執(zhí)行后面的指令(如果有)。

預(yù)測(cè)試循環(huán)

預(yù)測(cè)試循環(huán)是一種循環(huán)結(jié)構(gòu),其中解釋器在執(zhí)行循環(huán)指令的迭代之前測(cè)試控制變量的值。 while循環(huán)結(jié)構(gòu)符合預(yù)測(cè)試循環(huán)的條件,如以下代碼片段所示:

1var i=100;

2 while (i《100) {

3 document.write(i);

4 i++;

5 }

以上演示while循環(huán)說明了while循環(huán)的性能。循環(huán)的指令執(zhí)行與先前定義的forloop相同的操作,除了程序員明確指示解釋器遞增控制變量,如循環(huán)代碼塊中的語(yǔ)句i ++所示。另請(qǐng)注意,在循環(huán)開始之前聲明并初始化控制變量。這是必要的步驟,因?yàn)榉駝t控制變量的競(jìng)爭(zhēng)在測(cè)試之前是未知的,結(jié)果將是不可預(yù)測(cè)的。

while循環(huán)將運(yùn)行零次或多次,因?yàn)镴avaScript解釋器將測(cè)試控件在運(yùn)行循環(huán)代碼的第一次迭代之前的變量。如果測(cè)試失敗,則解釋器將退出循環(huán)而不運(yùn)行任何迭代。

測(cè)試后循環(huán)

最終循環(huán)結(jié)構(gòu)是測(cè)試后循環(huán)。預(yù)測(cè)試循環(huán)和測(cè)試后循環(huán)之間的區(qū)別在于測(cè)試后循環(huán)在執(zhí)行循環(huán)指令后測(cè)試控制變量。這意味著在后測(cè)試循環(huán)結(jié)構(gòu)中,指令將至少運(yùn)行一次,而預(yù)測(cè)試循環(huán)則不然。下面說明的do-while結(jié)構(gòu)是測(cè)試后循環(huán)的一個(gè)例子。

1 var i;

2 do {

3 document.write(i);

4 i++;

5 while(i《100);

6 }

前面的例子就是這樣的例子。程序員可以通過多種方式改變基本循環(huán)結(jié)構(gòu)的編碼,常數(shù)值和動(dòng)態(tài)測(cè)試可用于控制,當(dāng)然循環(huán)執(zhí)行的指令因程序而異。

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • javascript
    +關(guān)注

    關(guān)注

    0

    文章

    515

    瀏覽量

    53658
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    求助,esp-idf中使用arduino作為組件后怎樣使用arduino的庫(kù)?

    esp-idf中使用arduino作為組件后怎樣使用arduino的庫(kù),例如我此時(shí)需要使用arduino的第三方庫(kù)blinker,怎樣使用?
    發(fā)表于 06-12 07:21

    javascript屬于前端嗎

    和動(dòng)態(tài)性。 JavaScript通常被認(rèn)為是前端開發(fā)的基礎(chǔ)。前端開發(fā)包括網(wǎng)頁(yè)的設(shè)計(jì)和開發(fā),以及通過HTML、CSS和JavaScript來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)的用戶界面和交互。HTML負(fù)責(zé)定義網(wǎng)頁(yè)的結(jié)構(gòu),CSS
    的頭像 發(fā)表于 12-03 11:43 ?1254次閱讀

    怎樣開啟javascript功能

    JavaScript是一種客戶端腳本語(yǔ)言,它可以在網(wǎng)頁(yè)中實(shí)現(xiàn)動(dòng)態(tài)交互和功能增強(qiáng)。現(xiàn)代網(wǎng)頁(yè)開發(fā)中,幾乎所有的瀏覽器都支持JavaScript,因此,開啟JavaScript功能是很簡(jiǎn)單
    的頭像 發(fā)表于 12-03 11:13 ?3056次閱讀

    JavaScript的用途和功能

    JavaScript是一種廣泛使用的腳本語(yǔ)言,用于為網(wǎng)站添加動(dòng)態(tài)功能和交互性。從創(chuàng)建簡(jiǎn)單的交互式表單到設(shè)計(jì)復(fù)雜的網(wǎng)頁(yè)游戲,JavaScript為開發(fā)者提供了豐富的功能和靈活的創(chuàng)作能力。它在現(xiàn)代的網(wǎng)頁(yè)
    的頭像 發(fā)表于 12-03 11:12 ?723次閱讀

    javascript指什么

    JavaScript是一種高級(jí)編程語(yǔ)言,通常用于為網(wǎng)頁(yè)添加交互功能。它是一種面向?qū)ο蟮恼Z(yǔ)言,旨在通過編寫代碼來(lái)控制網(wǎng)頁(yè)的行為,使用戶能夠與網(wǎng)頁(yè)進(jìn)行動(dòng)態(tài)交互。JavaScript能夠與HTML和CSS
    的頭像 發(fā)表于 12-03 11:11 ?704次閱讀

    javascript運(yùn)行環(huán)境有哪些

    JavaScript 是一種廣泛應(yīng)用于網(wǎng)頁(yè)開發(fā)的編程語(yǔ)言,它可以不同的運(yùn)行環(huán)境下運(yùn)行。以下是一些常見的 JavaScript 運(yùn)行環(huán)境: 瀏覽器環(huán)境: 瀏覽器是最常見的 JavaScript
    的頭像 發(fā)表于 11-27 16:11 ?2228次閱讀

    javascript:;怎么解決

    javascript:” 是一個(gè)JavaScript偽協(xié)議,它通常出現(xiàn)在URL地址欄或鏈接中,用于執(zhí)行JavaScript代碼。然而,有時(shí)它可能會(huì)導(dǎo)致一些問題,特別是一些不支持
    的頭像 發(fā)表于 11-26 14:39 ?6298次閱讀

    c語(yǔ)言while中嵌套if循環(huán)

    C語(yǔ)言是一種廣泛使用的面向過程編程語(yǔ)言,它提供了許多控制結(jié)構(gòu)來(lái)幫助程序員實(shí)現(xiàn)復(fù)雜的邏輯和流程控制。其中,while循環(huán)和if語(yǔ)句是非常常見和重要的控制結(jié)構(gòu)。本文將詳細(xì)介紹C語(yǔ)言中wh
    的頭像 發(fā)表于 11-22 10:09 ?3699次閱讀

    python循環(huán)里的輸出結(jié)果匯總

    ,讓我們從簡(jiǎn)單的示例開始。考慮以下代碼: for i in range ( 5 ): print (i) 這段代碼使用for循環(huán)0到4之間迭代,并打印每個(gè)迭代變量的值。因此,代碼的輸出結(jié)果將是: 01234 在這個(gè)例子中,循環(huán)
    的頭像 發(fā)表于 11-22 09:59 ?1207次閱讀

    javascript的this指向

    JavaScript中, this 關(guān)鍵字指向當(dāng)前執(zhí)行上下文的對(duì)象。它通常在對(duì)象方法中使用,表示該方法所屬的對(duì)象。 函數(shù)中使用 this
    的頭像 發(fā)表于 11-16 10:38 ?334次閱讀

    javascript深入淺出

    。它最初被設(shè)計(jì)為瀏覽器中運(yùn)行,用于實(shí)現(xiàn)網(wǎng)頁(yè)的交互效果和動(dòng)態(tài)功能。隨著Node.js的出現(xiàn),JavaScript也可以服務(wù)器端運(yùn)行。 JavaScript基本語(yǔ)法
    的頭像 發(fā)表于 11-16 10:34 ?2122次閱讀

    javascript可以關(guān)閉嗎

    **JavaScript是一種編程語(yǔ)言,它不能被“關(guān)閉”。**JavaScript是一種客戶端腳本語(yǔ)言,它通常嵌入HTML頁(yè)面中。當(dāng)用戶訪問一個(gè)包含JavaScript的網(wǎng)頁(yè)時(shí),瀏覽
    的頭像 發(fā)表于 11-16 10:20 ?1086次閱讀

    javascript有什么用

    提交表單時(shí),JavaScript可以執(zhí)行特定的操作。 數(shù)據(jù)驗(yàn)證:JavaScript可以客戶端對(duì)用戶輸入的數(shù)據(jù)進(jìn)行驗(yàn)證,以減少不必要的服務(wù)器請(qǐng)求。 動(dòng)態(tài)內(nèi)容:JavaScript可以
    的頭像 發(fā)表于 11-16 10:19 ?804次閱讀

    javascript怎么開啟

    瀏覽器中啟用 JavaScript 的方法如下: 瀏覽器中啟用 JavaScript 對(duì)于大多數(shù)瀏覽器,您可以瀏覽器的設(shè)置或選項(xiàng)中啟用
    的頭像 發(fā)表于 11-16 10:16 ?1622次閱讀

    C語(yǔ)言循環(huán)結(jié)構(gòu)的使用方法

    詳細(xì)介紹了C語(yǔ)言while循環(huán)結(jié)構(gòu)、do-while循環(huán)結(jié)構(gòu)、for循環(huán)結(jié)構(gòu)、
    發(fā)表于 11-02 11:26 ?1141次閱讀
    C語(yǔ)言<b class='flag-5'>循環(huán)</b><b class='flag-5'>結(jié)構(gòu)</b>的使用方法