Variables and Constants

การประกาศตัวแปรและค่าคงที่ใน JavaScript ใช้ let สำหรับตัวแปรที่สามารถเปลี่ยนแปลงค่าได้ และ const สำหรับค่าคงที่

let a = 10; // ตัวแปรที่สามารถเปลี่ยนแปลงค่าได้
const b = 20; // ค่าคงที่ ไม่สามารถเปลี่ยนแปลงค่าได้

Operators

ตัวดำเนินการทางคณิตศาสตร์และการกำหนดค่าแบบย่อใน JavaScript

let x = 5;
x += 3; // เทียบเท่ากับ x = x + 3; (x เป็น 8)
x -= 2; // เทียบเท่ากับ x = x - 2; (x เป็น 6)
x *= 4; // เทียบเท่ากับ x = x * 4; (x เป็น 24)
x /= 3; // เทียบเท่ากับ x = x / 3; (x เป็น 8)
x %= 5; // เทียบเท่ากับ x = x % 5; (x เป็น 3)

Chained Assignment

การกำหนดค่าแบบต่อเนื่องให้กับหลายตัวแปรพร้อมกัน

let x, y, z;
x = y = z = 5;
console.log(x, y, z); // Output: 5 5 5

Conditional (Ternary) Operator

ตัวดำเนินการเงื่อนไขแบบย่อใน JavaScript ใช้สำหรับการตัดสินใจอย่างง่าย

let age = 20;
let isAdult = (age >= 18) ? 'Yes' : 'No';
console.log(isAdult); // Output: Yes

Objects

การสร้างและจัดการกับ objects ใน JavaScript

// การสร้าง object แบบตรง
let person = {
    name: 'Alice',
    age: 25
};

// การเพิ่มคุณสมบัติ
person.job = 'Developer';
console.log(person); // Output: { name: 'Alice', age: 25, job: 'Developer' }

Object Property Assignment

การกำหนดค่าคุณสมบัติของ object โดยใช้วงเล็บเหลี่ยม

let car = {};
car['make'] = 'Toyota';
car['model'] = 'Corolla';
console.log(car); // Output: { make: 'Toyota', model: 'Corolla' }

Dynamic Property Names

การใช้ชื่อคุณสมบัติแบบไดนามิกใน JavaScript objects

let key = 'name';
let person = {};
person[key] = 'John';
console.log(person); // Output: { name: 'John' }

// ตัวอย่างที่ซับซ้อนขึ้น
function createUser(key, value) {
    return { [key]: value };
}
console.log(createUser('id', 1234)); // Output: { id: 1234 }

Destructuring

การแยกค่าจาก arrays และ objects ใน JavaScript

Array Destructuring

let [a, b, c] = [1, 2, 3];
console.log(a, b, c); // Output: 1 2 3

// ตัวอย่างที่ซับซ้อนขึ้น
let [first, ...rest] = [1, 2, 3, 4, 5];
console.log(first, rest); // Output: 1 [2, 3, 4, 5]

Object Destructuring

let { name, age } = { name: 'John', age: 30 };
console.log(name, age); // Output: John 30

// ตัวอย่างที่ซับซ้อนขึ้น
let { name: fullName, age: yearsOld } = { name: 'Jane', age: 25 };
console.log(fullName, yearsOld); // Output: Jane 25

Default Values

การกำหนดค่าเริ่มต้นให้กับพารามิเตอร์ของฟังก์ชันใน JavaScript

function greet(name = 'Guest') {
    console.log(`Hello, ${name}!`);
}
greet(); // Output: Hello, Guest!
greet('Alice'); // Output: Hello, Alice!

// ตัวอย่างที่ซับซ้อนขึ้น
function createUser({ name = 'Anonymous', age = 0 } = {}) {
    return { name, age };
}
console.log(createUser()); // Output: { name: 'Anonymous', age: 0 }
console.log(createUser({ name: 'John' })); // Output: { name: 'John', age: 0 }