JavaScript พื้นฐาน EP. 3: ตัวดำเนินการและนิพจน์

JavaScript

บทเรียนตอนที่ 3 ของซีรีส์ JavaScript คืออะไร? เริ่มต้นเขียนโปรแกรม เรียนรู้ตัวดำเนินการทางคณิตศาสตร์ การกำหนดค่า การเปรียบเทียบ ตัวดำเนินการตรรกะ และการสร้างนิพจน์เพื่อนำไปใช้กับโปรแกรมจริง

EP. 3: ตัวดำเนินการและนิพจน์ใน JavaScript

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

const a = 10;
const b = 3;

console.log(a + b);
console.log(a - b);
console.log(a * b);
console.log(a / b);
console.log(a % b);
console.log(a ** b);

const isEven = 12 % 2 === 0;
console.log('12 เป็นเลขคู่หรือไม่:', isEven);

2. ลำดับการคำนวณและการใช้วงเล็บ

const result1 = 2 + 3 * 4;
const result2 = (2 + 3) * 4;

console.log(result1);
console.log(result2);

const subtotal = 500;
const discount = 100;
const quantity = 2;
const total = (subtotal - discount) * quantity;

console.log('ยอดสุทธิ:', total);

3. ตัวดำเนินการกำหนดค่า

let score = 10;

score += 5;
console.log(score);

score -= 3;
console.log(score);

score *= 2;
console.log(score);

score /= 4;
console.log(score);

let count = 0;
count++;
count++;
console.log(count);
count--;
console.log(count);

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

const age = 18;
const minimumAge = 18;
const inputValue = '18';

console.log(age >= minimumAge);
console.log(age === minimumAge);
console.log(age === inputValue);
console.log(age !== inputValue);

console.log(10 > 5);
console.log(10 < 5);
console.log(10 >= 10);
console.log(10 <= 9);

ทำไมควรใช้ === แทน ==

console.log(5 == '5');
console.log(5 === '5');

console.log(0 == false);
console.log(0 === false);

const userRole = 'admin';
console.log(userRole === 'admin');

5. ตัวดำเนินการตรรกะ

const age = 20;
const hasTicket = true;
const isMember = false;

const canEnter = age >= 18 && hasTicket;
const hasBenefit = isMember || hasTicket;
const isNotMember = !isMember;

console.log('เข้าได้หรือไม่:', canEnter);
console.log('ได้รับสิทธิ์หรือไม่:', hasBenefit);
console.log('ไม่ใช่สมาชิก:', isNotMember);

const username = 'mali';
const passwordProvided = true;
const canLogin = username.length > 0 && passwordProvided;
console.log('พร้อมตรวจสอบการเข้าสู่ระบบ:', canLogin);

6. ตัวดำเนินการเงื่อนไขแบบย่อ

const score = 78;
const result = score >= 50 ? 'ผ่าน' : 'ไม่ผ่าน';
console.log(result);

const hour = 14;
const greeting = hour < 12 ? 'สวัสดีตอนเช้า' : 'สวัสดีตอนบ่าย';
console.log(greeting);

const isLoggedIn = false;
const status = isLoggedIn ? 'เข้าสู่ระบบแล้ว' : 'ยังไม่ได้เข้าสู่ระบบ';
console.log(status);

7. การใช้ Nullish Coalescing และ Logical OR

const quantity = 0;
const fallbackWithOr = quantity || 10;
const fallbackWithNullish = quantity ?? 10;

console.log(fallbackWithOr);
console.log(fallbackWithNullish);

const displayName = '';
console.log(displayName || 'ผู้ใช้งานทั่วไป');
console.log(displayName ?? 'ผู้ใช้งานทั่วไป');

const optionalScore = null;
console.log(optionalScore ?? 'ยังไม่มีคะแนน');

8. ตัวอย่างประยุกต์: คำนวณราคาสุทธิ

function calculateTotal(price, quantity, isMember) {
    if (
        typeof price !== 'number' ||
        typeof quantity !== 'number' ||
        !Number.isFinite(price) ||
        !Number.isFinite(quantity) ||
        price < 0 ||
        quantity < 0
    ) {
        return { success: false, message: 'ข้อมูลราคาไม่ถูกต้อง' };
    }

    const subtotal = price * quantity;
    const discountRate = isMember && subtotal >= 500 ? 0.10 : 0;
    const discount = subtotal * discountRate;
    const total = subtotal - discount;

    return {
        success: true,
        subtotal,
        discount,
        total
    };
}

console.log(calculateTotal(200, 3, true));
console.log(calculateTotal(100, 2, false));
console.log(calculateTotal(-50, 2, true));

9. ข้อผิดพลาดที่ผู้เริ่มต้นมักพบ

10. แบบฝึกหัดท้ายบท

โจทย์ที่ 1: คำนวณค่าใช้จ่าย

โจทย์ที่ 2: ตรวจสอบสิทธิ์

โจทย์ที่ 3: เปรียบเทียบข้อมูล

เฉลยตัวอย่าง

const price = 120;
const quantity = 4;
const subtotal = price * quantity;
const total = subtotal - 50;
console.log(subtotal);
console.log(total);

const age = 20;
const hasMembership = true;
const canUseService = age >= 18 && hasMembership;
console.log(canUseService);

const inputScore = '80';
const requiredScore = 80;
console.log(inputScore == requiredScore);
console.log(inputScore === requiredScore);

สรุปท้ายบท