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

#พื้นฐานการเขียนเว็ปไซต์

#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 ที่อาจนำไปสู่ข้อผิดพลาดที่ไม่คาดคิดครับ (ค่ะ)