鴻蒙開發TypeScript語言:【迴圈】

来源:https://www.cnblogs.com/mau123789/p/18140824
-Advertisement-
Play Games

有的時候,我們可能需要多次執行同一塊代碼。一般情況下,語句是按順序執行的:函數中的第一個語句先執行,接著是第二個語句,依此類推。 編程語言提供了更為複雜執行路徑的多種控制結構。 迴圈語句允許我們多次執行一個語句或語句組,下麵是大多數編程語言中迴圈語句的流程圖: for 迴圈 TypeScript ...


有的時候,我們可能需要多次執行同一塊代碼。一般情況下,語句是按順序執行的:函數中的第一個語句先執行,接著是第二個語句,依此類推。

編程語言提供了更為複雜執行路徑的多種控制結構。

迴圈語句允許我們多次執行一個語句或語句組,下麵是大多數編程語言中迴圈語句的流程圖:

image


for 迴圈

TypeScript for 迴圈用於多次執行一個語句序列,簡化管理迴圈變數的代碼。

語法

語法格式如下所示:

for ( init; condition; increment ){
    statement(s);
}

下麵是 for 迴圈的控制流程解析:

  1. init 會首先被執行,且只會執行一次。這一步允許您聲明並初始化任何迴圈控制變數。您也可以不在這裡寫任何語句,只要有一個分號出現即可。
  2. 接下來,會判斷 condition。如果為 true,則執行迴圈主體。如果為 false,則不執行迴圈主體,且控制流會跳轉到緊接著 for 迴圈的下一條語句。
  3. 在執行完 for 迴圈主體後,控制流會跳回上面的 increment 語句。該語句允許您更新迴圈控制變數。該語句可以留空,只要在條件後有一個分號出現即可。
  4. 條件再次被判斷。如果為 true,則執行迴圈,這個過程會不斷重覆(迴圈主體,然後增加步值,再然後重新判斷條件)。在條件變為 false 時,for 迴圈終止。

在這裡,statement(s) 可以是一個單獨的語句,也可以是幾個語句組成的代碼塊。

condition 可以是任意的表達式,當條件為 true 時執行迴圈,當條件為 false 時,退出迴圈。

流程圖

image

實例

以下實例計算 5 的階乘, for 迴圈生成從 5 到 1 的數字,並計算每次迴圈數字的乘積。

TypeScript

var num:number = 5; 
var i:number; 
var factorial = 1; 
 
for(i = num;i>=1;i--) {
   factorial *= i;
}
console.log(factorial)

編譯以上代碼得到如下 JavaScript 代碼:

JavaScript

var num = 5;
var i;
var factorial = 1;
for (i = num; i >= 1; i--) {
    factorial *= i;
}
console.log(factorial);

執行以上 JavaScript 代碼,輸出結果為:

120

for...in 迴圈

for...in 語句用於一組值的集合或列表進行迭代輸出。

語法

語法格式如下所示:

for (var val in list) { 
    //語句 
}

val 需要為 string 或 any 類型。

實例

TypeScript

var j:any; 
var n:any = "a b c" 
 
for(j in n) {
    console.log(n[j])  
}

編譯以上代碼得到如下 JavaScript 代碼:

JavaScript

var j;
var n = "a b c";
for (j in n) {
    console.log(n[j]);
}

執行以上 JavaScript 代碼,輸出結果為:

a

b

c

for…of 、forEach、every 和 some 迴圈

此外,TypeScript 還支持 for…of 、forEach、every 和 some 迴圈。

for...of 語句創建一個迴圈來迭代可迭代的對象。在 ES6 中引入的 for...of 迴圈,以替代 for...in 和 forEach() ,並支持新的迭代協議。for...of 允許你遍歷 Arrays(數組), Strings(字元串), Maps(映射), Sets(集合)等可迭代的數據結構等。

TypeScript for...of 迴圈

let someArray = [1, "string", false];
 
for (let entry of someArray) {
    console.log(entry); // 1, "string", false
}

forEach、every 和 some 是 JavaScript 的迴圈語法,TypeScript 作為 JavaScript 的語法超集,當然預設也是支持的。

因為 forEach 在 iteration 中是無法返回的,所以可以使用 every 和 some 來取代 forEach。

TypeScript forEach 迴圈

let list = [4, 5, 6];
list.forEach((val, idx, array) => {
    // val: 當前值
    // idx:當前index
    // array: Array
});

TypeScript every 迴圈

let list = [4, 5, 6];
list.every((val, idx, array) => {
    // val: 當前值
    // idx:當前index
    // array: Array
    return true; // Continues
    // Return false will quit the iteration
});

while 迴圈

while 語句在給定條件為 true 時,重覆執行語句或語句組。迴圈主體執行之前會先測試條件。

語法

語法格式如下所示:

while(condition)
{
   statement(s);
}

在這裡,statement(s) 可以是一個單獨的語句,也可以是幾個語句組成的代碼塊。

condition 可以是任意的表達式,當條件為 true 時執行迴圈。 當條件為 false 時,程式流將退出迴圈。

流程圖

image

圖表中,while 迴圈的關鍵點是迴圈可能一次都不會執行。當條件為 false 時,會跳過迴圈主體,直接執行緊接著 while 迴圈的下一條語句。

實例

TypeScript

var num:number = 5; 
var factorial:number = 1; 
 
while(num >=1) { 
    factorial = factorial * num; 
    num--; 
} 
console.log("5 的階乘為:"+factorial);

編譯以上代碼得到如下 JavaScript 代碼:

JavaScript

var num = 5;
var factorial = 1;
while (num >= 1) {
    factorial = factorial * num;
    num--;
}
console.log("5 的階乘為:" + factorial);

執行以上 JavaScript 代碼,輸出結果為:

5 的階乘為:120

do...while 迴圈

不像 for 和 while 迴圈,它們是在迴圈頭部測試迴圈條件。do...while 迴圈是在迴圈的尾部檢查它的條件。

語法

語法格式如下所示:

do
{
   statement(s);
}while( condition );

請註意,條件表達式出現在迴圈的尾部,所以迴圈中的 statement(s) 會在條件被測試之前至少執行一次。

如果條件為 true,控制流會跳轉回上面的 do,然後重新執行迴圈中的 statement(s)。這個過程會不斷重覆,直到給定條件變為 false 為止。

流程圖

image

實例

TypeScript

var n:number = 10;
do { 
    console.log(n); 
    n--; 
} while(n>=0);

編譯以上代碼得到如下 JavaScript 代碼:

JavaScript

var num = 5;
var n = 10;
do {
    console.log(n);
    n--;
} while (n >= 0);

執行以上 JavaScript 代碼,輸出結果為:

10
9
8
7
6
5
4
3
2
1
0

break 語句

break 語句有以下兩種用法:

  1. 當 break 語句出現在一個迴圈內時,迴圈會立即終止,且程式流將繼續執行緊接著迴圈的下一條語句。
  2. 它可用於終止 switch 語句中的一個 case。

如果您使用的是嵌套迴圈(即一個迴圈內嵌套另一個迴圈),break 語句會停止執行最內層的迴圈,然後開始執行該塊之後的下一行代碼。

語法

語法格式如下所示:

break;

流程圖

image

實例

TypeScript

var i:number = 1 
while(i<=10) { 
    if (i % 5 == 0) {   
        console.log ("在 1~10 之間第一個被 5 整除的數為 : "+i) 
        break     // 找到一個後退出迴圈
    } 
    i++ 
}  // 輸出 5 然後程式執行結束

編譯以上代碼得到如下 JavaScript 代碼:

JavaScript

var i = 1;
while (i <= 10) {
    if (i % 5 == 0) {
        console.log("在 1~10 之間第一個被 5 整除的數為 : " + i);
        break; // 找到一個後退出迴圈
    }
    i++;
} // 輸出 5 然後程式執行結束

執行以上 JavaScript 代碼,輸出結果為:

在 1~10 之間第一個被 5 整除的數為 : 5

continue 語句

continue 語句有點像 break 語句。但它不是強制終止,continue 會跳過當前迴圈中的代碼,強迫開始下一次迴圈。

對於 for 迴圈,continue 語句執行後自增語句仍然會執行。對於 while 和 do...while 迴圈,continue 語句重新執行條件判斷語句。

語法

語法格式如下所示:

continue;

流程圖

image

實例

TypeScript

var num:number = 0
var count:number = 0;
 
for(num=0;num<=20;num++) {
    if (num % 2==0) {
        continue
    }
    count++
}
console.log ("0 ~20 之間的奇數個數為: "+count)    //輸出10個偶數

編譯以上代碼得到如下 JavaScript 代碼:

JavaScript

var num = 0;
var count = 0;
for (num = 0; num <= 20; num++) {
    if (num % 2 == 0) {
        continue;
    }
    count++;
}
console.log("0 ~20 之間的奇數個數為: " + count); //輸出 10

執行以上 JavaScript 代碼,輸出結果為:

0 ~20 之間的奇數個數為: 10

無限迴圈

無限迴圈就是一直在運行不會停止的迴圈。 for 和 while 迴圈都可以創建無限迴圈。

for 創建無限迴圈語法格式:

for(;;) { 
   // 語句
}

實例

for(;;) { 
   console.log("這段代碼會不停的執行") 
}

while 創建無限迴圈語法格式:

while(true) { 
   // 語句
} 

實例

while(true) { 
   console.log("這段代碼會不停的執行") 
}

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 何為半連接? 半連接是在GreatSQL內部採用的一種執行子查詢的方式,semi join不是語法關鍵字,不能像使用inner join、left join、right join這種語法關鍵字一樣提供給用戶來編寫SQL語句。 兩個表t1表和t2表進行半連接的含義是:對於t1表的某條記錄來說,我們只關 ...
  • 版本說明 由於作者目前接觸當前最新版本為2.3.4 但是官方提供的web版本未1.0.0,不相容2.3.4,因此這裡仍然使用2.3.3版本。 可以自定義相容處理,官方提供了文檔:https://mp.weixin.qq.com/s/Al1VmBoOKu2P02sBOTB6DQ 因為大部分用戶使用Se ...
  • 目錄一、什麼是哨兵模式1、為什麼需要哨兵機制2、哨兵架構拓撲3、Redis Sentinel的功能:二、搭建哨兵架構1、涉及主機2、拓撲結構3、設置一主兩從4、master伺服器狀態5、編輯哨兵的配置文件6、啟動哨兵7、驗證哨兵埠8、查看哨兵日誌9、驗證當前sentinel狀態三、故障轉移1、re ...
  • 近日,由新一代信息技術產業研究院、賽迪未來產業研究中心共同主辦,中國電子學會區塊鏈分會、至頂科技聯合承辦的“2024未來信息技術大會暨首屆數據要素創新發展論壇”於北京成功舉辦。大會公佈了“2023年度數據要素價值創新標桿示範案例”評選結果,天翼雲“海南省數據產品超市公共數據資源開發利用平臺”與“福州... ...
  • 在當今快速發展的世界中,數據被視為新的石油。隨著對數據驅動洞察的日益依賴,大數據工程師的角色比以往任何時候都更為關鍵。 這些專業人員在管理和優化組織內的數據操作中扮演著至關重要的角色。在本文中,我們將探索2024年大數據工程師必須具備的十項技能。 理解大數據工程師的角色 在深入技能之前,瞭解大數據工 ...
  • 內容介紹 hive on spark的調優,那必然涉及到這一系列框架的記憶體模型。本章就是來講一下這些框架的記憶體模型。 hive on spark的任務,從開始到結束。總共涉及了3個框架。分別是:yarn、hive、spark 其中,hive只是一個客戶端的角色。就不涉及任務運行時的記憶體。所以這裡主要 ...
  • 介紹 本示例介紹使用第三方庫的Axios獲取GBK格式的網路數據時,通過util實現GBK轉換UTF-8格式。該場景多用於需要轉換編碼格式的應用。 效果圖預覽 使用說明 直接進入頁面就可獲取GBK格式的用戶名信息併進行解碼操作。 實現思路 使用第三方庫Axios獲取網路數據,並將獲取數據類型設置為A ...
  • 介紹 圖片預覽在應用開發中是一種常見場景,在諸如QQ、微信、微博等應用中均被廣泛使用。本模塊基於Image組件實現了簡單的圖片預覽功能。 使用說明: 雙指捏合縮放圖片大小 雙擊圖片進行圖片的大小切換 圖片在放大模式下,滑動圖片查看圖片的對應位置 效果圖預覽 實現思路 image組件的objectFi ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...