JS常用流程控制語句簡介

在JS中,流程控制語句是非常重要的,基本功能是條件判斷和循環(huán)操作。

一、if語句

  • if語句介紹
    if語句是編程中最常用的語句,通過對條件判斷的結(jié)果而選擇執(zhí)行相應(yīng)的代碼,執(zhí)行的代碼最好用{}包裹成代碼塊;
  • if語句的語法
    if語句語法
  • 執(zhí)行原理
    if后面的()填寫是一個條件,例如可以是1<0;1=='1'之類的判斷表達(dá)式,也可以是'1'0這樣單個數(shù)字的表達(dá)式,它都會調(diào)用Boolean()方法將其轉(zhuǎn)化為布爾值true或者false,然后針對布爾值執(zhí)行相應(yīng)代碼,如下例子:
    if語句例子
  • if語句判斷多個條件
    if語句可以對多個條件進(jìn)行判斷,每個條件要有一個if語句進(jìn)行表達(dá),可以是if...else..這樣的形式,如下圖:
    多條件判斷

二、switch...case語句

  • switch語句介紹
    switch語句與if語句類似,也是進(jìn)行條件判斷的語句,不同的是它們的寫法。
  • switch語句語法
    switch語句語法

    例子:
    switch語句例子
  • switch語句中的break
    在switch語句中,break顧名思義,就是若該條件符合時,直接執(zhí)行相應(yīng)代碼,然后結(jié)束判斷,如果沒有break,則會在判斷在判斷條件達(dá)成執(zhí)行相應(yīng)代碼后,繼續(xù)對后續(xù)條件進(jìn)行判斷,如下圖的對比能說明問題:
    加了break:
    有break

    未加break:
    沒有break
  • if語句與switch語句之間的相互轉(zhuǎn)換
    if語句與switch語句的對比

三、while循環(huán)與do-while循環(huán)

  • while循環(huán)語句介紹
    while循環(huán)語句是一種先進(jìn)行條件判斷,結(jié)果轉(zhuǎn)化為布爾值為true時,再執(zhí)行相應(yīng)代碼,再進(jìn)行判斷,再執(zhí)行代碼的語句;
  • while循環(huán)語句語法
    while循環(huán)語法
  • 使用while循環(huán)要注意的地方
    使用while循環(huán)一定要有循環(huán)結(jié)束的語句,否則是死循環(huán),比如下面這個就是死循環(huán),它的條件判斷始終為true,代碼始終會被執(zhí)行,無法結(jié)束:
    死循環(huán)

    可以改成以下代碼:
  • do-while循環(huán)介紹
    do-while循環(huán)與while循環(huán)類似,都是循環(huán)語句,不同點(diǎn)在于,while循環(huán)是先進(jìn)行條件判定,判定為true時執(zhí)行,do-while循環(huán)是先執(zhí)行一次代碼(無論條件是true或者false)再進(jìn)行條件判定,為true時會繼續(xù)執(zhí)行,為false則立即停止;
  • do-while循環(huán)語法
    do-while循環(huán)語句語法

    例子:
    do-while循環(huán)例子

PS:與while循環(huán)一樣,do-while循環(huán)也要有能結(jié)束循環(huán)的語句,否則就是死循環(huán);

四、for循環(huán)與for-in循環(huán)

  • for循環(huán)簡介
    for循環(huán)與while循環(huán)類似,都是循環(huán)語句,但是寫法有所不同
  • for循環(huán)語法
    for循環(huán)語法
  • for循環(huán)與while循環(huán)的相互轉(zhuǎn)化
    for循環(huán)與while循環(huán)之間的轉(zhuǎn)化
  • for循環(huán)的用處
    常用于枚舉出數(shù)組內(nèi)的值,如下例子:
  • for-in循環(huán)
    for-in循環(huán)常用于枚舉對象內(nèi)屬性的值,如下:
    for-in循環(huán)枚舉對象內(nèi)屬性的值

五、break與continue語句

  • break語句簡介
    break語句用于退出循環(huán)體,執(zhí)行循環(huán)體后面的語句,例子:
    break
  • continue語句簡介
    continue用于退出該次循環(huán),執(zhí)行下次循環(huán),例子:
    continue

六、label語句(不常用,制作簡單介紹)

  • label語句作用
    label語句用于給代碼添加標(biāo)簽,方便以后再用;
  • label語句語法
    labelname: statement;
    例子:
    a: 1
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Swift 提供了類似 C 語言的流程控制結(jié)構(gòu),包括可以多次執(zhí)行任務(wù)的for和while循環(huán),基于特定條件選擇執(zhí)行...
    窮人家的孩紙閱讀 777評論 1 1
  • [The Swift Programming Language 中文版]本頁包含內(nèi)容: Swift提供了多種流程控...
    風(fēng)林山火閱讀 672評論 0 0
  • Swift提供了多種控制流聲明。包括while循環(huán)來多次執(zhí)行一個任務(wù);if,guard和switch聲明來根據(jù)確定...
    BoomLee閱讀 2,069評論 0 3
  • 2017年11月7日??纪杲處熧Y格證,心里別樣的輕松。 晚上孩子難得睡得早,一時間不知道干點(diǎn)什么。拿起手機(jī),...
    向陽總有光_4395閱讀 212評論 1 1
  • 不知道從什么時候開始,我喜歡關(guān)注電影電視里面的反派崛起之路,比如《魔界之龍珠》里的秋若楓,《風(fēng)云貳》里面的斷浪,《...
    貧道正一閱讀 1,812評論 0 4

友情鏈接更多精彩內(nèi)容