JavaScript if else และ else if
คำสั่งแบบมีเงื่อนไขใช้เพื่อดำเนินการต่างๆ ตามเงื่อนไขที่แตกต่างกัน
งบเงื่อนไข
บ่อยครั้งเมื่อคุณเขียนโค้ด คุณต้องการดำเนินการที่แตกต่างกันสำหรับการตัดสินใจที่แตกต่างกัน
คุณสามารถใช้คำสั่งแบบมีเงื่อนไขในโค้ดของคุณเพื่อทำสิ่งนี้
ใน JavaScript เรามีคำสั่งแบบมีเงื่อนไขดังต่อไปนี้:
- ใช้
if
เพื่อระบุบล็อกของรหัสที่จะดำเนินการ หากเงื่อนไขที่ระบุเป็นจริง - ใช้
else
เพื่อระบุบล็อกของรหัสที่จะดำเนินการ หากเงื่อนไขเดียวกันเป็นเท็จ - ใช้
else if
ระบุเงื่อนไขใหม่ที่จะทดสอบ หากเงื่อนไขแรกเป็นเท็จ - ใช้
switch
เพื่อระบุบล็อคทางเลือกมากมายของโค้ดที่จะดำเนินการ
คำswitch
สั่งนี้จะอธิบายในบทต่อไป
คำสั่ง if
ใช้if
คำสั่งเพื่อระบุบล็อกของโค้ด JavaScript ที่จะดำเนินการหากเงื่อนไขเป็นจริง
ไวยากรณ์
if (condition) {
// block of code to be executed if the condition is true
}
สังเกตว่าif
เป็นอักษรตัวพิมพ์เล็ก ตัวพิมพ์ใหญ่ (ถ้าหรือ IF) จะสร้างข้อผิดพลาด JavaScript
ตัวอย่าง
ทักทาย "วันดี" หากชั่วโมงน้อยกว่า 18:00 น.:
if (hour < 18) {
greeting = "Good day";
}
ผลการทักทายจะเป็น:
Good day
คำชี้แจงอื่น ๆ
ใช้else
คำสั่งเพื่อระบุกลุ่มของรหัสที่จะดำเนินการหากเงื่อนไขเป็นเท็จ
if (condition) {
// block of code to be executed if the condition is true
}
else {
// block of code to be executed if the condition is false
}
ตัวอย่าง
หากชั่วโมงน้อยกว่า 18 ให้สร้างคำทักทาย "วันที่ดี" มิฉะนั้น "ราตรีสวัสดิ์":
if (hour < 18) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
ผลการทักทายจะเป็น:
Good day
อย่างอื่นถ้างบ
ใช้else if
คำสั่งเพื่อระบุเงื่อนไขใหม่หากเงื่อนไขแรกเป็นเท็จ
ไวยากรณ์
if (condition1) {
// block of code to be executed if condition1 is true
}
else if (condition2) {
// block of code to be executed if the condition1 is false and condition2 is true
} else {
// block of code to be executed if the condition1 is false and condition2 is false
}
ตัวอย่าง
หากเวลาน้อยกว่า 10.00 น. ให้สร้างคำทักทาย "อรุณสวัสดิ์" หากไม่เป็นเช่นนั้น แต่เวลาน้อยกว่า 20:00 น. ให้สร้างคำทักทาย "วันที่ดี" มิฉะนั้นจะเป็น "ราตรีสวัสดิ์":
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
ผลการทักทายจะเป็น:
Good day
ตัวอย่างเพิ่มเติม
ตัวอย่างนี้จะเขียนลิงก์ไปยัง W3Schools หรือไปยัง World Wildlife Foundation (WWF) โดยใช้ตัวเลขสุ่ม มีโอกาส 50% สำหรับแต่ละลิงก์