Comparison operator / JavaScript
Comparison Operators in JavaScript are used to compare two values and send Boolean values, true or false.
Here are some of the main comparison operators used in JavaScript:
Basic comparison operator
Operator, call name (in Thai), meaning, example, result
= = equals. Check if the values of the operand (operand) are the same (there may be a data type transformation). 5 = = '5' is true.
! = Not equal. Check if the values of the two operands are not equal (possibly data type conversion) 5! = '6' true
= = = = Strictly equal. Check that the values of both operands are equal and have the same data type. 5 = = = '5' is false.
! = = Strictly unequal. Check that the values of the two operands are unequal or that there are 5 different data types! = = '5' true.
> greater. Check if the value on the left is greater than the value on the right. 10 > 5 is true.
< Less than. Check if the value on the left is less than the value on the right. 5 < 10 is true.
> = greater than or equal to. Check if the value on the left is greater than or equal to the value on the right. 5 > = 5 is true.
< = Less than or equal to Check if the value on the left is less than or equal to the value on the right. 5 < = 10 true.
Export to sheet
The difference between = = and = = =
The difference between the = = (Equality) and = = = (Strict Equality) operators is very important in JavaScript writing:
= = (Equal): Coercion is performed before comparing. If the data type does not match, it will try to convert one or both values to the same data type first and then compare them.
Example: 1 = = '1' The result is true (the string' 1' is converted to the number 1).
= = = (Strictly equal): will not convert data types, it will return true only if the values and data types of the two operands match exactly.
Example: 1 = = = '1' The result is false (equal value but different data type: number vs. string).
In general, it is recommended to use = = and! = = to avoid automatic data type conversion behavior of JavaScript that can lead to unexpected errors.
นอกจากตัวดำเนินการเปรียบเทียบพื้นฐานที่กล่าวถึงในบทความแล้ว การเข้าใจวิธีการใช้งานในสถานการณ์จริงจะช่วยเพิ่มความมั่นใจในการเขียนโค้ด JavaScript ได้มากขึ้นครับ ตัวอย่างเช่น การใช้ตัวดำเนินการบูลีน (Boolean) ร่วมกับตัวดำเนินการเปรียบเทียบในการควบคุมเงื่อนไข if หรือการลูปต่าง ๆ จะทำให้โค้ดดูง่ายและมีประสิทธิภาพมากขึ้น รวมถึงการหลีกเลี่ยงปัญหาที่เกิดจากการแปลงชนิดข้อมูลอัตโนมัติ เช่น การใช้ === และ !== จะช่วยป้องกันความผิดพลาดที่อาจจะเกิดขึ้นเนื่องจากชนิดข้อมูลที่ไม่ตรงกัน นอกจากนี้ การใช้ตัวดำเนินการเปรียบเทียบกับข้อมูลประเภทต่าง ๆ เช่น string, number, หรือ boolean ควรระมัดระวังและทดสอบโค้ดอย่างละเอียด เพราะบางครั้ง JavaScript อาจแปลงค่าที่ไม่น่าเป็นไปได้โดยอัตโนมัติ อย่าลืมทดสอบค่าผลลัพธ์ทุกครั้งเพื่อหลีกเลี่ยงบัคในโปรแกรมของคุณ สำหรับผู้เรียนหรือครูสอนวิชา is2 ม.2 ที่กำลังมองหาใบงาน หรือเอกสารประกอบการสอนที่เกี่ยวกับตัวดำเนินการเปรียบเทียบและตัวดำเนินการบูลีน บทความนี้ถือเป็นตัวช่วยที่ดีที่สามารถนำไปประยุกต์ใช้สอนหรือเรียนรู้ได้ทันที การเข้าใจตัวดำเนินการเปรียบเทียบอย่างลึกซึ้งจะทำให้การพัฒนาเว็บด้วย JavaScript ไม่ใช่เรื่องยาก และยังช่วยเพิ่มความแม่นยำของโค้ดให้มีประสิทธิภาพมากขึ้นด้วยครับ
