เงื่อนไข JavaScript

คำสั่งเงื่อนไขใช้เพื่อทำงานตามเงื่อนไขต่างๆ

คำสั่งเงื่อนไข

ในขณะที่คุณเขียนโค้ด คุณมักจะต้องตัดสินใจที่จะทำงานตามหลายทาง

คุณสามารถใช้สัญญาณเงื่อนไขในโค้ดของคุณเพื่อทำการนี้

ใน JavaScript พวกเราสามารถใช้สัญญาณเงื่อนไขต่อไปนี้

  • ใช้ if เพื่อกำหนดบล็อคโค้ดที่ต้องทำงาน ถ้าเงื่อนไขที่กำหนดตั้งเป็น true
  • ใช้ else เพื่อกำหนดบล็อคโค้ดที่ต้องทำงาน ถ้าเงื่อนไขเดียวกันตั้งเป็น false
  • ใช้ else if เพื่อกำหนดเงื่อนไขใหม่ที่ต้องทดสอบ ถ้าเงื่อนไขแรกตั้งเป็น false
  • ใช้ switch เพื่อกำหนดบล็อคโค้ดที่ทำงานหลายบล็อคโค้ดตามลำดับ

if มากำหนด

ใช้ if มากำหนดโค้ด JavaScript ที่ทำงานเมื่อเงื่อนไขตั้งเป็น true

การใช้งาน

if (เงื่อนไข) {
    งานที่ทำงานเมื่อเงื่อนไขตั้งเป็น true
}

หมายเหตุ:if ใช้ตัวอักษรต่ำ

ตัวอย่าง

ถ้าเวลาต่ำกว่า 18:00 จะมีข้อความ "Good day" สวัสดี

if (hour < 18) {
    greeting = "Good day";
}

ถ้าเวลาต่ำกว่า 18 ชั่วโมง greeting จะมีค่าเท่ากับ

Good day

ทดลองด้วยตัวเอง

else มากำหนด

ใช้ else มากำหนดบล็อคโค้ดที่ทำงานเมื่อเงื่อนไขตั้งเป็น false

if (เงื่อนไข) {
    บล็อคโค้ดที่ทำงานเมื่อเงื่อนไขตั้งเป็น true
} 
    บล็อคโค้ดที่ทำงานเมื่อเงื่อนไขตั้งเป็น false
}

ตัวอย่าง

ถ้า hour ต่ำกว่า 18 จะสร้างข้อความ "Good day" สวัสดี ถ้าไม่ "Good evening" สวัสดี

if (hour < 18) {
    greeting = "Good day";
 }
    greeting = "Good evening";
 }

ผลลัพธ์ของ greeting คือ:

ทดลองด้วยตัวเอง

else if มากำหนด

ใช้ else if เพื่อกำหนดเงื่อนไขใหม่เมื่อเงื่อนไขแรกตั้งเป็น false

การใช้งาน

if (เงื่อนไข 1) {
    เมื่อเงื่อนไข 1 ตั้งเป็น true จะเรียกเข้ามาทำงานบล็อคโค้ด
} else if (เงื่อนไข 2) {
    เมื่อเงื่อนไข 1 ตั้งเป็น false และเงื่อนไข 2 ตั้งเป็น true จะเรียกเข้ามาทำงานบล็อคโค้ด
 }
    เมื่อเงื่อนไข 1 และเงื่อนไข 2 ตั้งเป็น false จะเรียกเข้ามาทำงานบล็อคโค้ด
}

ตัวอย่าง

ถ้าเวลาน้อยกว่า 10:00 จะสร้างคำขวัญ "Good morning" ถ้าไม่ใช่ แต่เวลาน้อยกว่า 18:00 จะสร้างคำขวัญ "Good day" และถ้าไม่ใช่แล้วจะสร้างคำขวัญ "Good evening":

if (time < 10) {
    greeting = "Good morning";
 }
    greeting = "Good day";
 }
    greeting = "Good evening";
 }

ผลลัพธ์ของ greeting คือ:

ทดลองด้วยตัวเอง

ตัวอย่างเพิ่มเติม

ลิงก์สุ่ม
ตัวอย่างนี้จะเขียนลิงก์ไปยัง CodeW3C.com หรือ มูลนิธิสัตว์ป่าโลก (WWF) ผ่านการใช้ตัวเลขสุ่ม ลิงก์ทุกตัวมีโอกาส 50%

หนังสืออ่านเพิ่มเติม

หากต้องการข้อมูลเพิ่มเติมเกี่ยวกับ คำสั่ง if ของ JavaScriptสำหรับความรู้เพิ่มเติม โปรดอ่านส่วนที่เกี่ยวข้องในวิชาการ JavaScript ระดับสูง

คำสั่ง if ของ ECMAScript
คำสั่ง if คือหนึ่งในคำสั่งที่ใช้งานไปมากที่สุดใน ECMAScript บทนี้เป็นการอธิบายละเอียดว่าจะใช้คำสั่ง if อย่างไร