0Pricing
TypeScript Academy · บทเรียน

if/else, switch, ลูป; ค่าความจริงและการตรวจสอบแบบเคร่งครัด

ใช้รูปแบบ if/else, switch และลูปอย่างมีประสิทธิภาพ หลีกเลี่ยงข้อผิดพลาดจากการประเมินค่าความจริง และเลือกใช้การตรวจสอบแบบเคร่งครัด

if/else, switch, ลูป; ค่าความจริงและการตรวจสอบแบบเคร่งครัด เป็นบทเรียน TypeScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน TypeScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

ภาพรวม

เป้าหมาย: สร้างความมั่นใจในการใช้ if/else, switch และลูป นอกจากนี้คุณจะได้เรียนรู้ว่าเมื่อใดค่าหนึ่งเป็นเพียงค่าที่ถือว่าเป็นจริง และเมื่อใดจึงเท่ากันอย่างเคร่งครัด เพื่อให้การแยกสาขาสอดคล้องกับเจตนา

พื้นฐาน if/else

If/else ใช้แยกสาขาตามนิพจน์บูลีน ควรใช้การเปรียบเทียบอย่างชัดเจนแทนการตรวจสอบแบบหลวม เพื่อหลีกเลี่ยงผลลัพธ์ที่คาดไม่ถึง

const n: number = 3;

if (n > 0) {
  console.log("positive");
} else if (n === 0) {
  console.log("zero");
} else {
  console.log("negative");
}

switch กับยูเนียน

switch ทำงานได้ดีกับยูเนียนลิเทอรัล ควรจัดการทุกกรณีอย่างครบถ้วนเพื่อป้องกันการไหลต่อไปยังกรณีถัดไป และเพิ่ม default เพื่อความปลอดภัย

const role: "admin" | "user" | "guest" = "admin";

switch (role) {
  case "admin":
    console.log("full access");
    break;
  case "user":
    console.log("limited access");
    break;
  default:
    console.log("guest view");
}

รูปแบบการใช้ลูป

ใช้ for แบบคลาสสิกสำหรับดัชนี และใช้ for...of เพื่อวนดูค่าแต่ละค่า ควรทำให้ลูปสั้นและเข้าใจง่าย

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

let sum = 0;
for (const v of [1, 2, 3]) {
  sum += v;
}
console.log("sum =", sum);

ค่าที่ถือว่าเป็นจริงเทียบกับความเข้มงวด

สตริงที่ไม่ว่างอย่าง "0" เป็นค่าที่ถือว่าเป็นจริง แต่ไม่เท่ากันอย่างเคร่งครัดกับตัวเลข 0 ควรใช้ === เมื่อความหมายมีความสำคัญ

const x: any = "0";

if (x) {
  console.log("truthy");
}

if (x === 0) {
  console.log("number zero");
} else {
  console.log("not number zero");
}

แนวปฏิบัติที่ดี

แนวปฏิบัติที่ดี:

  • ควรใช้ === / !== เพื่อหลีกเลี่ยงการแปลงชนิดข้อมูลโดยอัตโนมัติ
  • ทำให้การแยกสาขาสั้น และแยกฟังก์ชันออกมาเพื่อให้เข้าใจง่าย
  • ใช้ยูเนียนลิเทอรัลร่วมกับ switch เพื่อจัดการทุกกรณีอย่างครบถ้วน
  • ควรใช้ for...of แทนลูปที่ใช้ดัชนีเมื่อไม่จำเป็นต้องใช้ดัชนี

ตรวจสอบค่าที่ถือว่าเป็นจริง

ตรวจสอบอย่างรวดเร็ว: ข้อความใดเป็น TRUE เกี่ยวกับค่าที่ถือว่าเป็นจริงและการตรวจสอบแบบเข้มงวด

ทบทวนและหัวข้อถัดไป

ทบทวน: คุณใช้ if/else, switch และลูปแล้ว และได้เรียนรู้ความแตกต่างระหว่างค่าที่ถือว่าเป็นจริงกับความเท่ากันแบบเข้มงวด หัวข้อถัดไป: ฟังก์ชัน—พารามิเตอร์ ค่าเริ่มต้น และค่าที่ส่งกลับ

คำถามที่พบบ่อย

บทเรียน “if/else, switch, ลูป; ค่าความจริงและการตรวจสอบแบบเคร่งครัด” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “if/else, switch, ลูป; ค่าความจริงและการตรวจสอบแบบเคร่งครัด” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส TypeScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “if/else, switch, ลูป; ค่าความจริงและการตรวจสอบแบบเคร่งครัด”

ใช้รูปแบบ if/else, switch และลูปอย่างมีประสิทธิภาพ หลีกเลี่ยงข้อผิดพลาดจากการประเมินค่าความจริง และเลือกใช้การตรวจสอบแบบเคร่งครัด คุณปฏิบัติ TypeScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน TypeScript Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน TypeScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 3 บทเรียน

บทเรียน “if/else, switch, ลูป; ค่าความจริงและการตรวจสอบแบบเคร่งครัด” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน TypeScript Academy นี้ได้ไหม

ได้ บทเรียน TypeScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. if/else, switch, ลูป; ค่าความจริงและการตรวจสอบแบบเคร่งครัด
  2. ฟังก์ชัน: พารามิเตอร์ ค่าเริ่มต้น/ไม่บังคับ/ส่วนที่เหลือ; ชนิดข้อมูลผลลัพธ์
  3. ฟังก์ชันลูกศรและการกำหนดชนิดข้อมูลตามบริบท
← กลับไปที่ TypeScript Academy