第四節JavaScript 條件語句、循環語句、break與continue語句

一、JavaScript條件語句

在通常的代碼中,我們有一些需要決定執行不同動作,這就可以在代碼中使用條件語句來完成。

下面是我們常使用的條件語句:

  1. if語句:只有當指定條件是true時,執行條件內代碼。
  2. if…else語句:當條件為true時執行代碼,當條件為false時執行其它代碼。
  3. if…else if…else:使用該語句來選擇多個代碼塊之一來執行。
  4. switch:使用該語句來選擇多個代碼塊之一來執行。

1、if語句

只有當指定條件是true時,執行條件內代碼。

語法:

if(condition){// 當條件為true時執行該區域代碼
}

注意:請使用小寫的if。如果使用了大寫的IF會生成JavaScript錯誤。

實例:

if(time < 20){
x = “Good Day”;
}

即:當time小于20時,才會運行“x = “Good Day”;”代碼。

2、if….else語句

當條件為true時執行代碼,當條件為false時執行其它代碼。

語法:

if(condition){// 當條件為true時執行該區域代碼
} else {//當條件不為true時執行該區域代碼
}

實例:

if (time<20) { x="Good day"; 
} else { x="Good evening"; 
}

????????即:當time小于20時,才會運行“x = “Good Day”;”代碼。當time不小于20時,會執行else中代碼“x="Good evening";

”。

3、if….else if….else語句

使用該語句來選擇多個代碼塊之一來執行

語法:

if (condition1) {當條件 1 為 true 時執行的代碼
} else if (condition2) {當條件 2 為 true 時執行的代碼
} else {當條件 1 和 條件 2 都不為 true 時執行的代碼
}

實例:

if (time<10) { document.write("<b>早上好</b>"); 
} else if (time>=10 && time<20) { document.write("<b>今天好</b>"); 
} else { document.write("<b>晚上好!</b>"); 
}

????????即:根據不同時間段,顯示生成不同的問候語,當time小于10點之前,問候語時“早上好”,當time大于等于10 且小于20點時,問候語是“今天好”,當time大于等于20點時,問候語是“晚上好”。

5、switch語句

switch 語句用于基于不同的條件來執行不同的動作。

語法:

switch(n) {case 1: // 執行代碼塊 1 
break; 
case 2: // 執行代碼塊 2 
break; 
default: // 非1和2時執行的代碼 
}

注意:

設置表達式?n(通常是一個變量)。隨后表達式的值會與結構中的每個 case 的值做比較。如果存在匹配,則與該 case 關聯的代碼塊會被執行。請使用?break?來阻止代碼自動地向下一個 case 運行。

實例:

<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body><p>點擊下面的按鈕,會顯示出基于今日日期的消息:</p>
<button onclick="myFunction()">點擊這里</button>
<p id="demo"></p>
<script>
function myFunction()
{var x;var d=new Date().getDay();switch (d){case 6:x="今天是星期六";break;case 0:x="今天是星期日";break;default:x="期待周末";}document.getElementById("demo").innerHTML=x;
}
</script></body>
</html>

二、JavaScript 循環

1、for循環

循環可以使某代碼塊指定循環的次數。

說明:

平時如果我們想打印出cars數組中6個數字,這樣可以寫:

document.write(cars[0] + "<br>");

document.write(cars[1] + "<br>");

document.write(cars[2] + "<br>");

document.write(cars[3] + "<br>");

document.write(cars[4] + "<br>");

document.write(cars[5] + "<br>");

但是,你沒發現這樣寫需要寫跟多冗余代碼,且不方便,那么我們可以用循環方式來寫:

for (var i=0;i<cars.length;i++)
{ document.write(cars[i] + "<br>");
}

從中可以看出,代碼簡潔了許多。

for循環的語法:

for (語句 1;?語句 2;?語句 3)
{
????被執行的代碼塊
}

說明:

語句 1?(代碼塊)開始前執行

語句 2?定義運行循環(代碼塊)的條件

語句 3?在循環(代碼塊)已被執行之后執行

實例:

for (var i=0; i<5; i++)
{x=x + "該數字為 " + i + "<br>";
}

執行結果:

該數字為 0
該數字為 1
該數字為 2
該數字為 3
該數字為 4

從上述:

Statement 1 在循環開始之前設置變量 (var i=0)。

Statement 2 定義循環運行的條件(i 必須小于 5)。

Statement 3 在每次代碼塊已被執行后增加一個值 (i++)。

2、for/in循環

?for/in 語句循環遍歷對象的屬性:

var person={fname:"Bill",lname:"Gates",age:56}; 
var txt = “”;
for (x in person) {  // x 為屬性名txt = txt + person[x];
}

輸出結果:

BillGates56

說明:

循環遍歷對象 "person" 的屬性,根據x的屬性名稱,獲取該名稱對應的內容,并賦值。

3、while循環

只要指定條件為 true,循環就可以一直執行代碼塊。

while 循環會在指定條件為true時循環執行代碼塊。

語法

while (條件)
{
????
需要執行的代碼
}

實例:

while (i<5) {x=x + "The number is " + i + "<br>";i++;
}

執行結果:

該數字為 0
該數字為 1
該數字為 2
該數字為 3
該數字為 4

注意:如果您忘記增加條件中所用變量的值,該循環永遠不會結束。這可能導致瀏覽器崩潰。

4、do/while循環

do/while 循環是 while 循環的變體。

該循環會在檢查條件是否為true之前執行一次代碼塊,然后如果條件為true的話,就會重復這個循環。

語法:

do {
????
需要執行的代碼
}
while (條件);

實例:

do {x=x + "The number is " + i + "<br>";i++;
}
while (i<5);

執行結果:

該數字為 0
該數字為 1
該數字為 2
該數字為 3
該數字為 4

三、break與continue語句

break 語句用于跳出循環。

continue 用于跳過循環中的一個迭代。

1、break語句

實例:

for (i=0;i<10;i++) {if (i==3)  {break;}x=x + "The number is " + i + "<br>";
}

執行結果:

該數字為 0
該數字為 1
該數字為 2

說明:

如果上述實例中不加break語句,那么打印的結果就是0~9了,加上break之后,在i=3時觸發break語句,跳出for循環,所以只打印到2就結束了。

2、continue語句

實例:

for (i=0;i<=10;i++) {
if (i==3) {continue;
}x=x + "The number is " + i + "<br>";
}

輸出結果:

該數字為 0
該數字為 1
該數字為 2
該數字為 4
該數字為 5
該數字為 6
該數字為 7
該數字為 8
該數字為 9

說明:

從結果可以看出,只有i = 3時執行了continue語句,導致跳出了本次循環,但是又不影響下次繼續循環。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/212170.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/212170.shtml
英文地址,請注明出處:http://en.pswp.cn/news/212170.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

JavaScript數組的長度

JavaScript數組的長度可以通過數組對象的length屬性來獲取&#xff0c;長度表示數組中元素的數量。 代碼示例&#xff1a; let arr []; // 定義一個空數組 console.log(arr.length); // 輸出 0arr.push(1); // 給數組添加元素 arr.push(2); arr.push(3); console.log(arr.le…

項目二 創建與操作學生管理數據庫

項目二 創建與操作學生管理數據庫 #目標 創建庫&#xff1b;查看庫&#xff1b;操作庫&#xff1b;圖形工具操作庫1&#xff0c;創建學生管理數據庫 #創建數據庫 CREATE DATABASE [IF NOT EXISTS] db_name [[DEFAULT] CHARACTER SET charset_name] [[DEFAULT] COLLATE collat…

44.0/認識前端

44.1 目錄 44.1.1 網頁 44.1.1.1 網頁的組成 44.1.1.2 網頁的分類 44.1.2 網站 44.1.2.1 網站的分類 44.1.3 主頁 44.2. Internet、IP 地址和域名 44.2.1 Internet 44.2.2 IP 44.2.3 域名 44.3. Web 前端技術概述 44.3.1 html5 44.3.2 CSS3 44.3.3 Javascript …

hbuiler中使用npm安裝datav

注&#xff1a;datav邊框樣式目前使用時&#xff1a;適用于網頁&#xff0c;不適用于app 1、先安裝node 安裝、配置Node路徑 2、為Node配置環境變量 3、在hbuilder的設置中填寫node的路徑 配置 4、打開cmd輸入npm install jiaminghi/data-view 安裝dataV&#xff0c;&…

當初為什么選擇計算機-希望一直干下去

還記得當初自己為什么選擇計算機&#xff1f; 當初你問我為什么選擇計算機&#xff0c;我笑著回答&#xff1a;“因為我夢想成為神奇的碼農&#xff01;我想像編織魔法一樣編寫程序&#xff0c;創造出炫酷的虛擬世界&#xff01;”誰知道&#xff0c;我剛入門的那天&#xff0…

.360勒索病毒數據恢復|金蝶、用友、管家婆、OA、速達、ERP等軟件數據庫恢復

尊敬的讀者&#xff1a; 在數字時代&#xff0c;.360勒索病毒如同數字的幽靈&#xff0c;悄無聲息地侵入用戶的數字領域&#xff0c;將珍貴的數據文件變為數字的囚牢。本文將介紹.360勒索病毒的特征&#xff0c;提供解密和數據恢復的方法&#xff0c;并分享有效的預防措施&…

【PID學習筆記 9 】控制系統的分析方法之二

寫在前面 前文重點介紹時域分析法、本文將繼續學習控制系統的另外幾種分析方法&#xff0c;包括根軌跡法、頻率分析法、狀態空間分析法。再次強調&#xff0c;在這里只是做了一個系統化的概述&#xff0c;目的是讓學習PID&#xff0c;特別是用PID的工程人員有一個對基礎知識的…

【開源】基于JAVA語言的數字化社區網格管理系統

項目編號&#xff1a; S 042 &#xff0c;文末獲取源碼。 \color{red}{項目編號&#xff1a;S042&#xff0c;文末獲取源碼。} 項目編號&#xff1a;S042&#xff0c;文末獲取源碼。 目錄 一、摘要1.1 項目介紹1.2 項目錄屏 二、功能模塊三、開發背景四、系統展示五、核心源碼5…

SELinux零知識學習三十八、SELinux策略語言之約束(2)

接前一篇文章:SELinux零知識學習三十七、SELinux策略語言之約束(1) 四、SELinux策略語言之約束 SELinux對策略允許的訪問提供了更嚴格的約束機制,不管策略的allow規則如何。 SELinux有兩種類型的約束: constrain語句constrain語句是最常見的約束,使得可以基于用戶、角色…

3.DevEco Studio安裝鴻蒙手機app本地模擬器

配合Intel CPU啟動模擬器 解決措施 打開任務管理器&#xff0c;在“性能”選項&#xff0c;檢查CPU虛擬化是否已經啟用。如果未啟用&#xff0c;需要進入電腦的BIOS中&#xff0c;將CPU的“Intel Virtualization Technology”選項開啟。 點擊New Emulator 文檔中心 解決措施…

鐵路通信鐵塔監測方案

目錄 1.監測的背景及意義 1.1監測背景 1.2監測意義 2.系統介紹及特點 2.1系統介紹 2.2系統特點 3.系統設計 3.1監測內容 3.2總體介紹 3.3詳細設計 3.3.1垂直度監測 3.3.2水平位移、沉降監測 3.3.3環境監測 3.3.4應力應變監測 3.3.5裂縫監測 3.3.6云平臺綜合在線…

VBA技術資料MF93:將多個Excel表插入PowerPoint不同位置

我給VBA的定義&#xff1a;VBA是個人小型自動化處理的有效工具。利用好了&#xff0c;可以大大提高自己的工作效率&#xff0c;而且可以提高數據的準確度。我的教程一共九套&#xff0c;分為初級、中級、高級三大部分。是對VBA的系統講解&#xff0c;從簡單的入門&#xff0c;到…

TypeScript 之 console的使用

語言&#xff1a; TypeScript 在線工具&#xff1a; PlayGround console console 對象是一個非常強大的控制臺日志顯示工具&#xff0c; 可以幫助我們在瀏覽器中調試代碼。 注&#xff1a; console不屬于TypeScript的語法&#xff0c;而是由JavaScript封裝的內置對象。 簡單的…

C語言精選——選擇題Day42

第一題 1. 下面程序輸出的結果是&#xff08;&#xff09; #include <stdio.h> int main () {int x;x printf("I See, Sea in C");printf("x%d" , x); } A&#xff1a;2 B&#xff1a;隨機值 C&#xff1a;都不是 D&#xff1a;15 答案及解析 D p…

【Python/Java/C++三種語言】20天拿下華為OD筆試之【位運算】2023B-出錯的或電路【歐弟算法】全網注釋最詳細分類最全的華為OD真題

文章目錄 題目描述與示例題目描述輸入描述輸出描述示例一輸入輸出說明 示例二輸入輸出說明 解題思路代碼PythonJavaC時空復雜度 華為OD算法/大廠面試高頻題算法練習沖刺訓練 題目描述與示例 題目描述 某生產門電路的廠商發現某一批次的或門電路不穩定&#xff0c;具體現象為計…

基于SpringBoot+Vue的學校在線學習系統

開發環境 IDEA JDK1.8 MySQL8.0Node 系統簡介 本系統擁有管理員&#xff0c;教師&#xff0c;學生三種身份登錄&#xff0c;管理員登錄可以查看所有信息&#xff0c;教師登錄可以發布作業&#xff0c;查看試卷&#xff0c;回答問題等&#xff0c;學校登錄可以查看作業&…

【矩陣論】Chapter 6—矩陣分解知識點總結復習(附Python實現)

文章目錄 1 滿秩分解&#xff08;Full-Rank Factorization&#xff09;2 三角分解&#xff08;Triangular Factorization&#xff09;3 正交三角分解&#xff08;QR Factorization&#xff09;4 奇異值分解&#xff08;SVD&#xff09; 1 滿秩分解&#xff08;Full-Rank Factor…

react.js源碼二

三、調度Scheduler scheduling(調度)是fiber reconciliation的一個過程&#xff0c;主要決定應該在何時做什么?在stack reconciler中&#xff0c;reconciliation是“一氣呵成”&#xff0c;對于函數來說&#xff0c;這沒什么問題&#xff0c;因為我們只想要函數的運行結果&…

什么是CDN?用了CDN一定會更快嗎?

文章目錄 前言CDN是什么?CDN的工作原理為什么要加個CNAME那么麻煩&#xff1f;怎么知道哪個服務器IP里調用方最近&#xff1f; 回源是什么回源是什么&#xff1f;那還有哪些情況會發生回源呢&#xff1f; 怎么判斷是否發生回源用了CDN一定比不用的更快嗎&#xff1f;什么情況下…

光伏電站全貌

光伏電站 簡介 每一篇文章開篇我都會寫一個內容簡介&#xff0c;一來梳理自己的寫作思路&#xff0c;二來方便讀者整體了解文章寫作意圖和脈絡。本篇是新能源方面的開篇之作&#xff0c;我選取了介紹光伏電站基礎知識&#xff0c;首先我們要了解光伏電站基礎分類&#xff0c;然…