ตัวดำเนินการเปรียบเทียบ /JavaScript

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

นี่คือตัวดำเนินการเปรียบเทียบหลัก ๆ ที่ใช้ใน JavaScript:

ตัวดำเนินการเปรียบเทียบพื้นฐาน

ตัวดำเนินการ ชื่อเรียก (ภาษาไทย) ความหมาย ตัวอย่าง ผลลัพธ์

== เท่ากับ ตรวจสอบว่าค่าของตัวถูกดำเนินการ (operand) ทั้งสองเท่ากันหรือไม่ (อาจมีการแปลงชนิดข้อมูล) 5 == '5' true

!= ไม่เท่ากับ ตรวจสอบว่าค่าของตัวถูกดำเนินการทั้งสองไม่เท่ากันหรือไม่ (อาจมีการแปลงชนิดข้อมูล) 5 != '6' true

=== เท่ากันอย่างเข้มงวด ตรวจสอบว่าค่าของตัวถูกดำเนินการทั้งสองเท่ากัน และ มีชนิดข้อมูลเดียวกัน 5 === '5' false

!== ไม่เท่ากันอย่างเข้มงวด ตรวจสอบว่าค่าของตัวถูกดำเนินการทั้งสองไม่เท่ากัน หรือ มีชนิดข้อมูลต่างกัน 5 !== '5' true

> มากกว่า ตรวจสอบว่าค่าทางซ้ายมากกว่าค่าทางขวาหรือไม่ 10 > 5 true

< น้อยกว่า ตรวจสอบว่าค่าทางซ้ายน้อยกว่าค่าทางขวาหรือไม่ 5 < 10 true

>= มากกว่าหรือเท่ากับ ตรวจสอบว่าค่าทางซ้ายมากกว่าหรือเท่ากับค่าทางขวาหรือไม่ 5 >= 5 true

<= น้อยกว่าหรือเท่ากับ ตรวจสอบว่าค่าทางซ้ายน้อยกว่าหรือเท่ากับค่าทางขวาหรือไม่ 5 <= 10 true

ส่งออกไปยังชีต

ความแตกต่างระหว่าง == กับ ===

ความแตกต่างระหว่างตัวดำเนินการ == (Equality) และ === (Strict Equality) เป็นสิ่งสำคัญมากในการเขียน JavaScript:

== (เท่ากับ): จะทำการ Coercion (การแปลงชนิดข้อมูล) ก่อนการเปรียบเทียบ หากชนิดข้อมูลไม่ตรงกัน มันจะพยายามแปลงค่าใดค่าหนึ่ง (หรือทั้งสอง) ให้เป็นชนิดข้อมูลเดียวกันก่อน แล้วจึงเปรียบเทียบค่า

ตัวอย่าง: 1 == '1' ผลลัพธ์คือ true (สตริง '1' ถูกแปลงเป็นตัวเลข 1)

=== (เท่ากันอย่างเข้มงวด): จะ ไม่ ทำการแปลงชนิดข้อมูล มันจะส่งกลับ true ก็ต่อเมื่อ ค่า และ ชนิดข้อมูล (Data Type) ของตัวถูกดำเนินการทั้งสองตรงกันทุกประการเท่านั้น

ตัวอย่าง: 1 === '1' ผลลัพธ์คือ false (ค่าเท่ากัน แต่ชนิดข้อมูลต่างกัน: number กับ string)

โดยทั่วไปแล้ว ขอแนะนำให้ใช้ === และ !== เพื่อหลีกเลี่ยงพฤติกรรมการแปลงชนิดข้อมูลโดยอัตโนมัติของ JavaScript ที่อาจนำไปสู่ข้อผิดพลาดที่ไม่คาดคิดครับ (ค่ะ)

2025/10/8 แก้ไขเป็น

นอกจากตัวดำเนินการเปรียบเทียบพื้นฐานที่กล่าวถึงในบทความแล้ว การเข้าใจวิธีการใช้งานในสถานการณ์จริงจะช่วยเพิ่มความมั่นใจในการเขียนโค้ด JavaScript ได้มากขึ้นครับ ตัวอย่างเช่น การใช้ตัวดำเนินการบูลีน (Boolean) ร่วมกับตัวดำเนินการเปรียบเทียบในการควบคุมเงื่อนไข if หรือการลูปต่าง ๆ จะทำให้โค้ดดูง่ายและมีประสิทธิภาพมากขึ้น รวมถึงการหลีกเลี่ยงปัญหาที่เกิดจากการแปลงชนิดข้อมูลอัตโนมัติ เช่น การใช้ === และ !== จะช่วยป้องกันความผิดพลาดที่อาจจะเกิดขึ้นเนื่องจากชนิดข้อมูลที่ไม่ตรงกัน นอกจากนี้ การใช้ตัวดำเนินการเปรียบเทียบกับข้อมูลประเภทต่าง ๆ เช่น string, number, หรือ boolean ควรระมัดระวังและทดสอบโค้ดอย่างละเอียด เพราะบางครั้ง JavaScript อาจแปลงค่าที่ไม่น่าเป็นไปได้โดยอัตโนมัติ อย่าลืมทดสอบค่าผลลัพธ์ทุกครั้งเพื่อหลีกเลี่ยงบัคในโปรแกรมของคุณ สำหรับผู้เรียนหรือครูสอนวิชา is2 ม.2 ที่กำลังมองหาใบงาน หรือเอกสารประกอบการสอนที่เกี่ยวกับตัวดำเนินการเปรียบเทียบและตัวดำเนินการบูลีน บทความนี้ถือเป็นตัวช่วยที่ดีที่สามารถนำไปประยุกต์ใช้สอนหรือเรียนรู้ได้ทันที การเข้าใจตัวดำเนินการเปรียบเทียบอย่างลึกซึ้งจะทำให้การพัฒนาเว็บด้วย JavaScript ไม่ใช่เรื่องยาก และยังช่วยเพิ่มความแม่นยำของโค้ดให้มีประสิทธิภาพมากขึ้นด้วยครับ