JavaScript Comparison Operators — ตัวเปรียบเทียบ

พื้นฐานของ JavaScript Comparison Operators (ตัวดำเนินการเปรียบเทียบ)

ใน JavaScript Comparison Operators ใช้สำหรับตรวจสอบ ความเท่ากัน หรือ ความแตกต่าง ระหว่างค่า (ตัวเลข, สตริง) และตัวแปร Operators เปรียบเทียบ operands และคืนค่า boolean ตามว่าเป็น true หรือ false

Operands: อย่าปลอมให้คำนี้ทำให้สับสน Operands คือค่าทั้งสองข้างของตัวดำเนินการเปรียบเทียบ ตัวอย่าง: 2 < 4 ที่นี่ 2 และ 4 คือ operands, < คือ less-than operator

Boolean หมายถึงสิ่งที่เป็นได้แค่ true หรือ false

รายการ Comparison Operators พร้อมคำอธิบาย

• > มากกว่า (greater than)
• < น้อยกว่า (less than)
• >= มากกว่าหรือเท่ากับ (greater than or equal to)
• <= น้อยกว่าหรือเท่ากับ (less than or equal to)
• != ไม่เท่ากับ (not equal to)
• !== ไม่เท่ากันทั้งค่าและชนิด (not equal value or not equal type)
• == เท่ากับ (equal to)
• === เท่ากันทั้งค่าและชนิด — strict equality check

วิธีใช้ Comparison Operators

ตัวอย่างเช็คแบบง่ายด้วย less-than operator:

console.log(2 < 4); // true

Strict equality check:

console.log(2 === "2"); // false

คืนค่า false เพราะ === เปรียบเทียบค่า รวมถึงชนิด (type) เลข 2 กับ string "2" จึง false

ลองเปรียบเทียบเดียวกันแต่用 equals to (==) double equals:

console.log(2 == "2"); // true

ครั้งนี้ true เพราะ == เปรียบเทียบแค่ค่า ไม่สนใจชนิด

Comparison operators ยังใช้ใน conditional statements บ่อย:

const alcoholDrinkingAge = 21;
const inputAge = 17;
if (inputAge < alcoholDrinkingAge) {
  console.log("Sorry you're too young to drink alcohol");
}

Comparison operators เป็นหัวข้อพื้นฐานที่สำคัญที่สุดของการเขียนโปรแกรม เพราะคุณจะใช้ตลอดเวลา

สิ่งที่ต้องระวัง: อย่าสับสนระหว่าง equal to (==) และ strict equals (===) เพราะอาจทำให้เกิด bug ยากหา

กฎขมือ: ใช้ === (triple equals) เสมอ หลีกเลี่ยง ==