2024-06-10|閱讀時間 ‧ 約 26 分鐘

Typescript入門-Day6:流程控制

if, else if, else

if, else ifelse 語句用於控制程序的執行流程。根據條件表達式的布林值來決定要執行的代碼塊。

let x: number = 10;

if (x > 0) {
console.log("x 是正數");
} else if (x < 0) {
console.log("x 是負數");
} else {
console.log("x 是零");
}

三元運算子

三元運算子 (? :) 是條件運算子的一種簡寫形式,用於替代簡單的 if-else 語句。

let age: number = 20;
let type: string = age >= 18 ? "成人" : "未成年";
console.log(type); // "成人"

switch語句

switch 語句用於基於不同的條件來執行不同的代碼段。當條件較多時,switch 語句比多個 if-else 更加清晰。

let color: string = "red";

switch (color) {
case "red":
console.log("紅色");
break;
case "green":
console.log("綠色");
break;
case "blue":
console.log("藍色");
break;
default:
console.log("未知顏色");
}

for迴圈

基本 for 迴圈

for 迴圈用於重複執行代碼塊,直到指定的條件為假為止。

for (let i = 0; i < 5; i++) {
console.log(i);
}

for...of 迴圈

for...of 迴圈用於遍歷可迭代對象(如數組、字符串、Set 等)。

let numbers: number[] = [1, 2, 3, 4, 5];

for (let num of numbers) {
console.log(num);
}

for...in 迴圈

for...in 迴圈用於遍歷對象的可枚舉屬性(包括數組的索引)。

let person = { name: "John", age: 30 };

for (let key in person) {
console.log(`${key}: ${person[key]}`);
}

forEach 方法

forEach 方法用於遍歷數組中的每個元素,並對每個元素執行指定的函數。

let numbers: number[] = [1, 2, 3, 4, 5];

numbers.forEach((num) => {
console.log(num);
});

while迴圈

while 迴圈在指定條件為真時反覆執行代碼塊。

let i: number = 0;

while (i < 5) {
console.log(i);
i++;
}

循環嵌套

循環嵌套指在一個循環內部嵌套另一個循環。常用於處理多維數據結構。

for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
console.log(`i = ${i}, j = ${j}`);
}
}

控制迴圈語句

break

break 語句用於提前終止循環或 switch 語句。

for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log(i); // 0, 1, 2, 3, 4
}

continue

continue 語句用於跳過當前迴圈中的剩餘語句,並繼續下一次迴圈。

for (let i = 0; i < 10; i++) {
if (i === 5) {
continue;
}
console.log(i); // 0, 1, 2, 3, 4, 6, 7, 8, 9
}

label

標籤(label)用於標識循環,可與 breakcontinue 語句配合使用,以跳出多重循環。

outerLoop: for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
if (j === 1) {
break outerLoop;
}
console.log(`i = ${i}, j = ${j}`);
}
}
// Output: "i = 0, j = 0"
分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.