流程控制語句
- 主要用于控制代碼執行的順序
- 流程控制就是指令
- 編程語言即人與計算機進行交流的語言
三種流程控制結構
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.初始變量中需要聲明,使用var
或let
while循環
初始循環變量;
while(循環條件){
循環體;
更新循環變量;
}
do while循環
初始循環變量;
do {
循環體;
更新循環變量;
} while(條件表達式);
do...while
循環語句與while
類似,在對條件表達式求值之前,循環體內的代碼至少會被執行一次。
總結
- for
- do...while
死循環
只要循環條件永遠為真,就能產生死循環
如以下情況
- 在循環中,循環條件沒有時
- 在循環中,沒有更新循環變量
- 在循環中,什么都沒給,只有兩個分號
- 盡量不要在項目中使用死循環
- 主要用于一些隨機遍歷,隨機循環的數據中,如隨機循環數字,在指定的條件下進行終止操作(能被3整除)
瀏覽器打斷點
在控制臺中,sources,找到指定代碼,點擊代碼行號,進行斷點標記,再次刷新頁面
寫循環語句時,非常有用的工具。
嵌套循環
表示在循環體中再次嵌套循環
雙層for循環
for( ) {
for( ) {...}
}
理解
- 外層for循環,相當于表格中的行
- 內層for循環,相當于表格中的列