js流程控制語句

流程控制語句

  • 主要用于控制代碼執行的順序
  • 流程控制就是指令
  • 編程語言即人與計算機進行交流的語言

三種流程控制結構

1.默認流程結構

  • 代碼逐行執行,從左到右,從上到下。

2.分支流程結構

  • 選擇性執行

3.循環流程結構

  • 重復執行

輸入對話框

prompt()為用戶提供一個輸入對話框,用戶可以在輸入框中輸入內容并且點擊確定(Enter),程序可以接受輸入的內容

prompt(提示信息,默認值);

注意

  • 提示信息和默認值若是字符串需要用引號引起來,兩個值可以只有提示信息

  • 輸入框上有兩個按鈕
    a. 確認
    獲取默認值或用戶輸入的值,獲取的數據類型為string。(主要是在運用中注意有可能需要將得到的結果轉化為數字類型)
    b. 取消
    得到null,為object類型。

  • 主要用于通過用戶輸入的值,進行條件判斷

<script>
    var result = prompt("請輸入您的年齡",10);
    console.log(result, typeof result);
    if (result < 18) {
        console.log("未成年")
    }else if(result < 30){
        console.log("該結婚了")
    }else if (result < 50) {
        console.log("壯年,繼續奮斗")
    }else {
        console.log("該享福了")
    }

//    單擊確定 顯示默認值或用戶輸入的值 ,string類型
//    當刪掉所有內容 單擊確定 顯示為string類型 ,執行的是小于18的語句???
//    單擊取消 得到null, 為object 類型
</script>

一、條件語句

1.單分支語句

  • 只用于一種選擇的判斷

if(條件語句){
執行的語句;
}

if語句描述為 如果……那么……

注意事項

a.條件語句,可以是表達式也可以是單個值

  • 如果給定單個值時,表示判斷這個值是否存在,會默認轉換為布爾類型boolean,true就執行,false就不執行

b.語句,可以是單條語句或者多條語句。

  • 每一條語句都是以分號結尾
  • 多條語句一般稱為代碼塊,使用花括號{}括起來
  • 如果是單條語句,可以不寫{},但是不推薦
    -此時的單條語句相當于綁定在if條件上,滿足條件就執行
  • 推薦都使用花括號括起來

2.雙分支條件語句

if(條件語句){
條件成立時,執行該語句;
}else{
條件不成立時,執行該語句;
}

3.多分支條件語句

多選一

if(條件a) {
a語句;
}else if(條件b) {
b語句;
}else if(條件c) {
c語句;
}else {
d語句;
}

注意

  • 程序有執行的順序,需要將條件最苛刻的放在最上邊。防止有交叉的數據出現判定出錯

  • 最后的else選項可以不寫

4.多分支語句 switch

switch( 狀態值 ) {
case 值1:
執行條件1的代碼塊;
break;
case 值2:
執行條件2的代碼塊;
break;
default:
以上條件都不滿足時,執行此處代碼;
}

狀態值:變量

注意

  • switch……case中的狀態值和case中給定的值,既要意義一樣,數據類型也要一樣(必須全等于)
  • break的作用防止穿透,終止后面代碼的執行,所以必須加上break
  • default 可以寫在switch語句里任何位置,表示默認值,表示所有條件狀態都不滿足時,執行的代碼塊。是一個可選項。
  • 除了放在最后的位置不加break;其他都得加break;

if條件語句對比

  • if...else if...else可以使用在表示一個范圍或一個具體值
  • switch語句只能用于具體的值

終止循環語句

此處說到break,還有一個continue,注意區分兩者的不同。

1.break

跳出循環,遇到break,就等于結束循環。

2.continue

終止本次循環,進行下一次循環,相當于這次就到這,繼續下一次。

二、循環語句

for循環

1.為什么要使用循環

  • 減少代碼的冗余(重復的代碼)
  • 方便后期的維護以及修改

2.循環的四要素

  • 初始循環變量,并賦值var i = 0
  • 循環條件 i <= 10
  • 更新循環變量(布長) i+=1
  • 循環體,重復執行的代碼

3.for循環語法

for(循環初始變量;循環條件;更新循環變量) {
循環體(只有條件滿足時才執行此處的代碼)
}

4.執行過程

  • 第一次,初始變量,并進行一個循環條件的定
    • 滿足,執行循環,執行第二步操作
    • 不滿足,不執行循環
  • 第二步,執行代碼
  • 第三步,更新變量的值
  • 第四步,再判定

5.for循環注意事項

  • 循環條件
    a. 如果條件為真時,執行響應循環,條件為假時不執行循環

  • 循環變量
    a.初始變量為最小值時,更新變量,使用自增
    b.初始變量為最大值時,更新變量,使用自減
    c.更新變量可以是任何步長值i++,i+=2(賦值運算操作)
    d.初始變量中需要聲明,使用varlet

while循環

初始循環變量;
while(循環條件){
循環體;
更新循環變量;
}

do while循環

初始循環變量;
do {
循環體;
更新循環變量;
} while(條件表達式);

do...while循環語句與while類似,在對條件表達式求值之前,循環體內的代碼至少會被執行一次。

總結

  • for
  • do...while

死循環

只要循環條件永遠為真,就能產生死循環

如以下情況
- 在循環中,循環條件沒有時
- 在循環中,沒有更新循環變量
- 在循環中,什么都沒給,只有兩個分號

  • 盡量不要在項目中使用死循環
  • 主要用于一些隨機遍歷,隨機循環的數據中,如隨機循環數字,在指定的條件下進行終止操作(能被3整除)

瀏覽器打斷點

在控制臺中,sources,找到指定代碼,點擊代碼行號,進行斷點標記,再次刷新頁面

寫循環語句時,非常有用的工具。

嵌套循環

表示在循環體中再次嵌套循環

雙層for循環

for( ) {
for( ) {...}
}

理解

  • 外層for循環,相當于表格中的行
  • 內層for循環,相當于表格中的列
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,247評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,520評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,362評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,805評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,541評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,896評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,887評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,062評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,608評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,356評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,555評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,769評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,175評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,489評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,289評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,516評論 2 379

推薦閱讀更多精彩內容

  • JS中的程序是從上到下一行一行執行的 通過流程控制語句可以控制程序執行流程,使程序可以根據一定的條件來選擇執行 語...
    牛耀閱讀 422評論 0 0
  • 流程控制語句在JS中是至關重要的。JS中的流程控制語句包括if條件判斷語句、for循環語句、while循環語句、d...
    取個帥氣的名字真好閱讀 211評論 0 0
  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執行單位為行(line),也就是一...
    悟名先生閱讀 4,192評論 0 13
  • 國慶前一天的晚上 接到舍友打來的電話 他語氣焦急,帶著哭腔 無奈中帶點悔恨的跟我說: 錢包忘帶了 叫我送到校門口 ...
    六號八點閱讀 155評論 0 0
  • 05080蘭汝平 新美南吉童話繪本之一《蝸牛的悲傷》,選取了日本童話大師新美南吉的8部經典作品,搭配日本著名畫家鈴...
    噠西西閱讀 1,667評論 0 0