ประเภทของ JavaScript Operators

JavaScript มีตัวดำเนินการ (Operators) หลายประเภท เช่น Arithmetic, Assignment, Comparison, Logical, Bitwise, String, Ternary, typeof เป็นต้น แต่ละแบบใช้สำหรับงานเฉพาะ เช่นคำนวณทางคณิตศาสตร์, เปรียบเทียบค่า, กำหนดค่า, หรือเชื่อมข้อความ.

1. Arithmetic Operators (ตัวดำเนินการทางคณิตศาสตร์)

ใช้สำหรับการคำนวณตัวเลข

  • + บวก
  • - ลบ
  • * คูณ
  • / หาร
  • % หารเอาเศษ
  • ** ยกกำลัง

ตัวอย่าง:

let x = 5, y = 2;
console.log(x + y); // 7
console.log(x % y); // 1

2. Assignment Operators (ตัวดำเนินการกำหนดค่า)

ใช้กำหนดค่าให้ตัวแปร:

  • = กำหนดค่า
  • += บวกแล้วกำหนดค่า
  • -= ลบแล้วกำหนดค่า
  • *= คูณแล้วกำหนดค่า
  • /= หารแล้วกำหนดค่า

ตัวอย่าง:

let x = 10;
x += 5; // x = 15

3. Comparison Operators (ตัวดำเนินการเปรียบเทียบ)

ใช้เปรียบเทียบค่า คืนค่าเป็น true หรือ false:

  • == เท่ากัน (ตรวจค่า)
  • === เท่ากันแบบเข้มงวด (ตรวจทั้งค่าและชนิดข้อมูล)
  • != ไม่เท่ากัน
  • !== ไม่เท่ากันแบบเข้มงวด
  • > มากกว่า
  • < น้อยกว่า
  • >= มากกว่าหรือเท่ากับ
  • <= น้อยกว่าหรือเท่ากับ

ตัวอย่าง:

console.log(5 == "5");  // true
console.log(5 === "5"); // false

4. Logical Operators (ตัวดำเนินการเชิงตรรกะ)

ใช้เชื่อมเงื่อนไข:

  • && AND (จริงทั้งสองด้าน)
  • || OR (จริงด้านใดด้านหนึ่ง)
  • ! NOT (กลับค่าความจริง)

ตัวอย่าง:

let a = true, b = false;
console.log(a && b); // false
console.log(a || b); // true
console.log(!a);     // false

5. Bitwise Operators (ตัวดำเนินการบิต)

ทำงานกับค่าบิตโดยตรง:

  • & AND
  • | OR
  • ^ XOR
  • ~ NOT
  • << เลื่อนบิตซ้าย
  • >> เลื่อนบิตขวา

6. String Operators (ตัวดำเนินการข้อความ)

  • + ใช้เชื่อมข้อความ (concatenation)
let name = "John";
console.log("Hello " + name); // Hello John

7. Ternary Operator (ตัวดำเนินการแบบสามทาง)

ใช้เขียนเงื่อนไขสั้น ๆ:

let age = 18;
let status = (age >= 18) ? "Adult" : "Minor";
console.log(status); // Adult

8. typeof Operator

ใช้ตรวจสอบชนิดข้อมูล:

console.log(typeof 123);      // "number"
console.log(typeof "hello");  // "string"
console.log(typeof true);     // "boolean"

ตารางสรุป

ประเภท Operatorตัวอย่างผลลัพธ์
Arithmetic5+27
Assignmentx += 3เพิ่มค่าใน x
Comparison5 === "5"FALSE
Logicaltrue || falseTRUE
Bitwise5 &11
String"Hi" + "!""Hi!"
Ternaryx > 10 ? "Yes":"No""Yes" หรือ "No"
typeoftypeof 123"number"

Operators คือเครื่องมือหลักใน JavaScript ที่ช่วยให้เราทำงานกับค่าต่าง ๆ ได้สะดวก ทั้งการคำนวณ, การเปรียบเทียบ, การเชื่อมข้อความ และการตรวจสอบชนิดข้อมูล.

 JavaScript Tutorial
 2025-12-21 01:35:35
 แชร์หน้านี้:  

ข่าวบันเทิง