Operators

Logical Operator คืออะไร

Logical Operator ใช้รวมหรือกลับเงื่อนไข boolean ช่วยตรวจสอบหลายเงื่อนไขพร้อมกันหรือกลับค่า true/false มีสามตัวหลัก: && (AND), || (OR), ! (NOT)

&& AND — ต้องครบทุกเงื่อนไข

let age = 20;
let hasID = true;

let canEnter = age >= 18 && hasID;    // true && true → true
let strictCheck = age >= 21 && hasID; // false && true → false

console.log(canEnter);    // true
console.log(strictCheck); // false

|| OR — แค่หนึ่งเงื่อนไขก็พอ

let isAdmin = false;
let isMod = true;

let hasAccess = isAdmin || isMod;     // false || true → true
let noAccess = isAdmin || false;      // false || false → false

console.log(hasAccess);  // true
console.log(noAccess);   // false

! NOT — กลับค่า boolean

let isLoggedIn = false;
let isGuest = !isLoggedIn;   // !false → true

let isOpen = true;
let isClosed = !isOpen;      // !true → false

console.log(isGuest);   // true
console.log(isClosed);  // false

Short-Circuit Evaluation — ประมวลผลลัดวงจร

JavaScript จะหยุดประเมินทันทีที่รู้ผลแล้ว: • && — ถ้าฝั่งซ้ายเป็น false จะไม่ประเมินฝั่งขวา • || — ถ้าฝั่งซ้ายเป็น true จะไม่ประเมินฝั่งขวา ใช้ || เพื่อกำหนดค่า default ได้

let username = "";
let displayName = username || "ผู้ใช้ไม่ระบุชื่อ";
console.log(displayName); // "ผู้ใช้ไม่ระบุชื่อ"  (username เป็น falsy)

let name = "อาร์ยา";
let greeting = name || "แขก";
console.log(greeting);    // "อาร์ยา"  (name เป็น truthy)

สรุป

• && (AND) — true เฉพาะเมื่อทั้งสองฝั่ง true
• || (OR) — true เมื่ออย่างน้อยหนึ่งฝั่ง true
• ! (NOT) — กลับค่า boolean
• Short-circuit: && หยุดที่ false แรก, || หยุดที่ true แรก
• || ใช้กำหนดค่า default ได้ เช่น value || 'default'

Lab 1: ตรวจสิทธิ์เข้าระบบ

Lab 2: ! NOT และค่า default ด้วย ||

Lab 3: ตรวจสิทธิ์แก้ไขบทเรียน

Lab 4: ตั้งค่าการแจ้งเตือน

Lab 5: ค่า fallback ของชื่อและอีเมล

Lab 6: รวมเงื่อนไขเข้าใช้ฟีเจอร์

Lab 7: รวมเงื่อนไขสมัครเรียน

Lab 8: เลือกช่องทางติดต่อสำรอง

Lab 9: สร้างเงื่อนไขแจ้งเตือน

Lab 10: ประเมินสิทธิ์ checkout หลายชั้น