Operators

Comparison Operator คืออะไร

Comparison Operator คือตัวดำเนินการที่ใช้เปรียบเทียบค่าสองค่า ผลลัพธ์ที่ได้เป็น boolean เสมอ — ได้แค่ true หรือ false ใช้บ่อยในทุกที่ที่ต้องตัดสินใจด้วย boolean

=== vs == — ใช้อันไหน?

มี operator สองชนิดที่ดูเหมือนกัน แต่ต่างกันมาก: • === (Strict Equality) — เปรียบเทียบทั้งค่าและชนิดข้อมูล ปลอดภัยที่สุด • == (Loose Equality) — แปลงชนิดข้อมูลก่อนเปรียบเทียบ อาจให้ผลที่คาดไม่ถึง ⚠️ ใช้ === เสมอ ยกเว้นมีเหตุผลชัดเจนมาก

// === strict — ตรวจทั้งค่าและชนิด
console.log(5 === 5);      // true   (number vs number)
console.log("5" === 5);    // false  (string vs number)
console.log(0 === false);  // false  (number vs boolean)

// == loose — แปลงชนิดก่อนเปรียบเทียบ
console.log("5" == 5);     // true  ← อันตราย!
console.log(0 == false);   // true  ← อันตราย!
console.log("" == false);  // true  ← อันตราย!

ตัวอย่างการใช้งานจริง

let score = 75;
let passMark = 60;
let maxScore = 100;

let isPassed = score >= passMark;          // true
let isPerfect = score === maxScore;        // false
let needsImprovement = score < passMark;   // false

console.log("ผ่านหรือไม่:", isPassed);              // true
console.log("คะแนนเต็มหรือไม่:", isPerfect);        // false
console.log("ต้องปรับปรุงหรือไม่:", needsImprovement); // false

สรุป

• Comparison operators ให้ผลเป็น boolean (true/false) เสมอ
• ใช้ === และ !== เสมอ — ตรวจทั้งค่าและชนิดข้อมูล
• หลีกเลี่ยง == และ != เพราะแปลงชนิดอัตโนมัติอาจทำให้เกิด bug
• >, <, >=, <= ใช้กับตัวเลขเป็นหลัก

Lab 1: เปรียบเทียบราคาสินค้า

Lab 2: ตรวจสอบสิทธิ์เข้าใช้งาน

Lab 3: ตรวจจำนวนสินค้าในคลัง

Lab 4: ยืนยันรหัสผ่านด้วย ===

Lab 5: ตรวจช่วงคะแนน

Lab 6: สร้าง eligibility flags

Lab 7: ตรวจช่วงราคาสินค้า

Lab 8: เปรียบเทียบจำนวน stock

Lab 9: ตรวจชนิดและค่าจาก input

Lab 10: สรุป flags สำหรับ checkout