Programming Track
JavaScript
Operators
Arithmetic Operators
เรียนรู้ตัวดำเนินการคำนวณทั้ง 6 ชนิดใน JavaScript (+, -, *, /, %, **) พร้อมเข้าใจการใช้ % สำหรับตรวจเลขคู่/คี่ และฝึกคำนวณราคาสินค้าผ่าน Lab จริง
Arithmetic Operator คืออะไร
Arithmetic Operator คือตัวดำเนินการที่ใช้คำนวณตัวเลข เหมือนเครื่องคิดเลขในโปรแกรม ผลลัพธ์ที่ได้คือตัวเลขใหม่ เช่น 10 + 5 ได้ 15 หรือ 10 % 3 ได้ 1
| Operator | ชื่อ | ตัวอย่าง | ผลลัพธ์ |
|---|---|---|---|
| + | บวก | 10 + 3 | 13 |
| - | ลบ | 10 - 3 | 7 |
| * | คูณ | 10 * 3 | 30 |
| / | หาร | 10 / 4 | 2.5 |
| % | Modulus (เศษจากการหาร) | 10 % 3 | 1 |
| ** | ยกกำลัง (Exponentiation) | 2 ** 8 | 256 |
ตัวอย่างการใช้งานจริง — ตะกร้าสินค้า
ดูว่า arithmetic operator ทำงานอย่างไรในสถานการณ์จริง:
คำนวณราคาสินค้าพร้อมภาษีและส่วนลดJS
ใช้ *, /, - ร่วมกันในการคำนวณราคาจริง
let price = 500;
let quantity = 3;
let discountPercent = 10;
let subtotal = price * quantity; // 1500
let discount = subtotal * (discountPercent / 100); // 150
let afterDiscount = subtotal - discount; // 1350
let tax = afterDiscount * 0.07; // 94.5
let total = afterDiscount + tax; // 1444.5
console.log("ยอดรวม:", total); // 1444.5% Modulus — ตรวจสอบเศษจากการหาร
% ให้ผลเป็นเศษที่เหลือหลังหาร ใช้บ่อยในการตรวจสอบเลขคู่/คี่ และแบ่งกลุ่ม
ตัวอย่างการใช้ %JS
let n = 17;
let remainder = n % 5; // 2 (17 = 5×3 + 2)
let isEven = n % 2 === 0; // false (17 เป็นเลขคี่)
let isOdd = n % 2 !== 0; // true
// ใช้กำหนดตำแหน่งวนซ้ำ
let index = 7 % 3; // 1 (7 mod 3)
console.log(remainder, isEven, isOdd, index);** Exponentiation — ยกกำลัง
ตัวอย่าง **JS
ใช้ ** แทนการคูณซ้ำ
let square = 5 ** 2; // 25
let cube = 2 ** 3; // 8
let root = 9 ** 0.5; // 3 (รากที่สอง)
console.log(square, cube, root);สรุป
- + - * / คือการคำนวณพื้นฐาน ผลลัพธ์เป็นตัวเลข
- % ให้เศษจากการหาร — ใช้ตรวจเลขคู่/คี่ หรือแบ่งกลุ่ม
- ** ยกกำลัง — เขียนสั้นกว่า เช่น 2 ** 8 ได้ 256
- / ใน JavaScript ให้ผลเป็น decimal เสมอ เช่น 10 / 3 = 3.333...