การทำงานกับลูปใน TypeScript

26.06.2023 — typescript — 1 min read

การทำงานกับลูปใน TypeScript ช่วยให้คุณสามารถทำซ้ำขั้นตอนหนึ่งๆ หรือกลุ่มคำสั่งได้ตามเงื่อนไขที่กำหนด นี่คือตัวอย่างของการใช้งานลูปใน TypeScript:

ลูป for: ใช้ในการทำซ้ำขั้นตอนหนึ่งๆ โดยกำหนดเงื่อนไขการทำซ้ำและขั้นตอนการเพิ่มค่า

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

ลูป while: ใช้ในการทำซ้ำขั้นตอนหนึ่งๆ ตราบใดที่เงื่อนไขยังเป็นจริง

let i = 0;

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

ลูป do...while: ใช้ในการทำซ้ำขั้นตอนหนึ่งๆ และตรวจสอบเงื่อนไขหลังจากที่ทำซ้ำแล้ว

let i = 0;

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

ลูป for...of: ใช้ในการทำซ้ำขั้นตอนสำหรับสมาชิกในอาร์เรย์หรือคอลเลกชัน

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

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

ลูป for...in: ใช้ในการทำซ้ำขั้นตอนสำหรับคุณสมบัติของอ็อบเจกต์

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

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

การใช้งานลูปใน TypeScript ช่วยให้คุณสามารถทำงานซ้ำได้อย่างมีประสิทธิภาพและเข้าใจง่าย สามารถใช้งานกับอาร์เรย์ คอลเลกชัน หรือคุณสมบัติของอ็อบเจกต์ได้ ทำให้คุณสามารถปรับปรุงและควบคุมการทำงานของโปรแกรมได้อย่างยืดหยุ่นและมีประสิทธิภาพมากขึ้น

ลูป forEach: ใช้ในการทำซ้ำผ่านสมาชิกของอาร์เรย์หรือคอลเลกชันแต่ละตัว และประยุกต์ใช้ฟังก์ชันที่กำหนดในการดำเนินการกับแต่ละสมาชิก

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

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

ลูป map: ใช้ในการสร้างอาร์เรย์ใหม่โดยใช้ค่าจากอาร์เรย์หรือคอลเลกชันเดิมและประยุกต์ใช้ฟังก์ชันที่กำหนดกับแต่ละสมาชิก

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

let doubledNumbers = numbers.map((num) => {
 return num * 2;
});

console.log(doubledNumbers); // [2, 4, 6, 8, 10]`

ลูป filter: ใช้ในการสร้างอาร์เรย์ใหม่ที่มีเงื่อนไขที่กำหนดผ่านการประยุกต์ใช้ฟังก์ชันกับแต่ละสมาชิก

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

let evenNumbers = numbers.filter((num) => {
 return num % 2 === 0;
});

console.log(evenNumbers); // [2, 4]`

ลูป reduce: ใช้ในการคำนวณค่าเดียวจากสมาชิกทั้งหมดของอาร์เรย์หรือคอลเลกชัน

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

let sum = numbers.reduce((accumulator, num) => {
 return accumulator + num;
}, 0);

console.log(sum); // 15`

การใช้งานลูปใน TypeScript ช่วยให้คุณสามารถปรับปรุงและควบคุมการทำงานของโปรแกรมได้อย่างยืดหยุ่น ไม่ว่าจะเป็นการทำซ้ำผ่านอาร์เรย์หรือคอลเลกชัน ประยุกต์ใช้ฟังก์ชันกับแต่ละสมาชิก หรือคำนวณค่ารวมจากสมาชิกทั้งหมด