JavaScript If Else: คู่มือ Conditional Statements ครบวงจร

JavaScript if...else statement evaluate condition true/false ถ้า true รัน if block false รัน else block else...if evaluate หลาย conditions

Conditional Statements: บทนำ

ต้องการรันโค้ดบล็อกต่างกันตามเงื่อนไข Conditional statements สำคัญในทุกภาษา รันโค้ดถ้า condition met

สถานการณ์ที่ใช้: เช็ค password match, เช็ค email registered, submit form ถ้ากรอกครบ, แสดงส่วนลดถ้าสigned in ทั้งหมดใช้ logic "if"

JavaScript if Statement

if evaluate statement true/false รันก็ต่อเมื่อ true false ไม่ทำอะไร

Syntax:

if (ourConditions) {
  // code ถ้า conditions true
}

ใช้ keyword if condition ในวงเล็บ () code ใน curly braces {}

ตัวอย่าง if: เช็คอายุซื้อของ

const userAge = 15;
if (userAge < 16) {
  console.log("You are not old enough to make a purchase!");
}
// Output: "You are not old enough to make a purchase!"

userAge 15 < 16 เป็น true รัน if block ถ้า 16 ขึ้นไป false ไม่รัน

JavaScript if...else Statement

if...else evaluate condition true รัน if block false รัน else block

Syntax:

if (ourCondition) {
  // code ถ้า true
} else {
  // code ถ้า false
}

else อยู่หลัง if conditions ทั้งหมด มีได้แค่ 1 else ต่อ 1 if

ตัวอย่าง if...else: อายุ 17 ซื้อได้

const userAge = 17;
if (userAge < 16) {
  console.log("You are not old enough to make a purchase!");
} else {
  console.log("Your purchase is being processed.");
}
// Output: "Your purchase is being processed."

อายุ 17 > 16 ข้าม if รัน else block

JavaScript else...if Statement

else...if evaluate หลาย conditions แต่ละ else...if เช็ค condition ใหม่ ไม่มี condition ไหน true รัน else block (ถ้ามี)

Syntax:

if (condition one) {
  // condition one true
} else if (condition two) {
  // condition two true
} else {
  // ทุก conditions false
}

รันตามลำดับ condition one -> two -> ... -> else ใช้ else...if ได้หลายตัว

ตัวอย่าง else...if: ราคาตั๋วหนังตามอายุ

• ≤ 10 ปี: $5
• 11-17 ปี: $8
• 18-64 ปี: $12
• 65+ ปี: $8

var age = 27;
var ticketPrice = 0;
if (age <= 10) {
  ticketPrice = 5;
} else if (age >= 11 && age <= 17) {
  ticketPrice = 8;
} else if (age >= 18 && age <= 64) {
  ticketPrice = 12;
} else {
  ticketPrice = 8;
}
console.log(ticketPrice); // 12

อายุ 27 ตรง condition 3 (18-64) ticketPrice = 12

สรุป

JavaScript if else statements กำหนดว่าจะรันโค้ดบล็อกไหนตามเงื่อนไข ทุกภาษาใช้ conditional statements ให้ logic กับโค้ด บทความครอบคลุม: if, if...else, else...if พร้อมตัวอย่างใช้งานจริง