Event Object ใน JavaScript มีข้อมูลเกี่ยวกับ Event ที่เกิดขึ้น (target, type, coordinates, key pressed ฯลฯ) สามารถส่งต่อให้ฟังก์ชันอื่นได้โดยตรงผ่าน Parameter ตัวอย่างโค้ด <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=d

เมื่อมีข้อมูลเป็น Array ของ Arrays ที่แต่ละอันมี Objects (Nested Arrays of Objects) ต้องใช้ Nested Loops เพื่อเข้าถึงข้อมูลทุกระดับ ตัวอย่างโค้ด { resEle.innerHTML += ` Object ${objIndex}: `; for (let key in obj) { resEle.innerHTML += `${key}=${obj[key]} `;

Stack เป็นโครงสร้างข้อมูลแบบ LIFO (Last In, First Out) - ตัวสุดท้ายเข้าตัวแรกออก ใช้ใน Undo/Redo, Expression Evaluation, Backtracking, Function Call Stack ตัวอย่างโค้ด (Class-based) { const popped = stack1.pop(); resEle.innerHTML = `${popped} popped from stack`; }); </script&g

Queue เป็นโครงสร้างข้อมูลแบบ FIFO (First In, First Out) - ตัวแรกเข้าตัวแรกออก ใช้ในงานที่ต้องจัดลำดับ เช่น Task Scheduler, Print Queue, BFS Algorithm ตัวอย่างโค้ด (Class-based) { const removed = queue1.dequeue(); resEle.innerHTML = `${removed} removed from queue`; }); </script

call() และ apply() เป็น Methods ของ Function ใช้สำหรับเรียกฟังก์ชันพร้อมกำหนด this Context และส่ง Arguments ความแตกต่างคือรูปแบบการส่ง Arguments ตัวอย่างโค้ด { // call: ส่ง Arguments แบบรายตัว const sum = addNum.call(this, 22, 33, 44, 55); // apply: ส่ง Arguments เป็น Arra

Callback Function คือฟังก์ชันที่ถูกส่งผ่าน Argument ให้ฟังก์ชันอื่น แล้วฟังก์ชันรับจะเรียก (Invoke) Callback นั้นภายหลัง ใช้สำหรับ Asynchronous Operations, Event Handling, Array Methods ตัวอย่างโค้ด { resEle.innerHTML = `ผลลัพธ์ = ${multiply9(add2, 12)}`; // (12+2)*9 = 126 }); </scr

เหมือนกับ Methods สามารถแชร์ Properties ระหว่าง Instances ได้โดยกำหนดที่ Constructor.prototype ใช้สำหรับ Default Values หรือ Shared State ตัวอย่างโค้ด { resEle.innerHTML = `${student1.name} age ${student1.age} : school :${student1.school} <br>`; resEle.innerHTML += `${student2.na

การแชร์ Methods ระหว่าง Instances ทำได้โดยการกำหนด Method ไว้ที่ Constructor.prototype ทุก Instance จะเข้าถึง Method เดียวกันผ่าน Prototype Chain ประหยัด Memory ตัวอย่างโค้ด { resEle.innerHTML = student1.displayInfo(); resEle.innerHTML += student2.displayInfo(); }); </script&g

Static Properties เป็น Properties ที่ผูกติดกับ Class/Constructor Function ตัวเอง ไม่ใช่ Instance เรียกใช้ได้โดยไม่ต้องสร้าง Object (No Instantiation Required) ตัวอย่างโค้ด { resEle.innerHTML = `Student.school = ${Student.school}`; }); </script> </body> </html> Static

Operator instanceof ใช้ตรวจสอบว่า Object เป็น Instance ของ Class/Constructor Function ใด โดยตรวจสอบ Prototype Chain ตัวอย่างโค้ด { if (student1 instanceof Student) { resEle.innerHTML = student1 เป็น Instance ของ Student; } else { resEle.innerHTML = student1 ไม่ใช่ Insta

การแปลง Array ให้เป็น String ใน JavaScript มีหลายวิธี แต่ละวิธีให้ผลลัพธ์และความยืดหยุ่นต่างกัน ตัวอย่างโค้ด { resEle.innerHTML = arr.toString(); }); </script> </body> </html> วิธีแปลง Array เป็น String ทั้งหมด MethodCodeResultCustom Separator? toSt

ใน JavaScript Primitive Types (string, number, boolean, null, undefined, symbol, bigint) เปรียบเทียบด้วย Value แต่ Objects (Object, Array, Function) เปรียบเทียบด้วย Reference (Memory Address) ตัวอย่างโค้ด { if (obj !== obj1) { resEle.innerHTML = obj ไม่เท่ากับ obj1 (Reference ต่างกัน

การแปลง JSON String ให้เป็น JavaScript Object ใช้ JSON.parse() ซึ่งเป็นวิธีมาตรฐานและปลอดภัยที่สุด ตัวอย่างโค้ด { resultEle.innerHTML = `Name = ${parsedJson.name}<br>`; resultEle.innerHTML += `Country = ${parsedJson.country}<br>`; resultEle.innerHTML += `Sports = ${pa

บ่อยครั้งที่ได้รับข้อมูลเป็น Array ของ JSON Strings ต้อง Parse แต่ละ Element ให้กลายเป็น Object จริง เพื่อเข้าถึง Property ได้ง่าย ตัวอย่างโค้ด <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1

การตรวจสอบว่า Array หนึ่งมี Elements ทั้งหมดจาก Array อีกตัวหนึ่งครบหรือไม่ ทำได้ด้วย every() ร่วมกับ includes() หรือใช้ Set สำหรับ Performance ดีกว่า ตัวอย่างโค้ด { if (containsAll) { resEle.innerHTML = arr มี elements ของ arr1 ครบทุกตัว; } else { resEle.innerHTML = ar

การ Rename Property ใน Array of Objects ทำได้โดยใช้ map() สร้าง Object ใหม่ด้วย Property Name ใหม่ วิธีนี้เป็น Immutable (ไม่เปลี่ยนข้อมูลต้นฉบับ) ตัวอย่างโค้ด { resEle.innerHTML += `fullName = ${item.fullName} : Age = ${item.age}<br>`; }); }); </script> </body&g

การรวม Object 2 ตัวใน JavaScript ทำได้หลายวิธี ทั้งแบบ Mutate (เปลี่ยนต้นฉบับ) และ Immutable (สร้างใหม่) วิธี Modern ที่สุดคือ Spread Operator ตัวอย่างโค้ด { for (let key in mergedObj) { resEle.innerHTML += `Key = ${key} : Value = ${mergedObj[key]}<br>`; } }); </

มีหลายวิธีในการรวมอาร์เรย์ 2 ตัวใน JavaScript แต่ละวิธีมีข้อได้เสียต่างกันเรื่อง Performance, Mutability และ Browser Support ตัวอย่างโค้ด { resEle.innerHTML = Merged array = + mergedArr; }); </script> </body> </html> วิธีการรวม Array ทั้งหมด วิธีCodeMutates?

การ Join Array พร้อมเงื่อนไข ทำได้โดยรวม filter() กับ join() กรองเฉพาะสมาชิกที่ต้องการ แล้วค่อย Join เป็น String ตัวอย่างโค้ด { resEle.innerHTML = joinArr; }); </script> </body> </html> Pattern ทั่วไป 3).join( 👉 ); // 4 👉 5 👉 6 👉 7 👉 8 👉 9 👉 10 Join Separat

การเปลี่ยน Key ของ Object ใน Array ควรทำแบบ Immutable (ไม่เปลี่ยนข้อมูลต้นฉบับ) โดยสร้าง Array ใหม่ด้วย map() และสร้าง Object ใหม่ด้วย Spread Operator หรือ Object.fromEntries() ตัวอย่างโค้ด rest); console.log(Original:, original); // ไม่เปลี่ยน! console.log(Renamed:, cleaned);