คำอธิบาย เขียนฟังก์ชัน indexOf แบบ recursive คืนค่าดัชนีถ้าพบ ไม่อย่างนั้นคืน -1 ตัวอย่างโค้ด const indexOf = (arrayValues, v, index = 0) => index >= arrayValues.length ? -1 : arrayValues[index] === v ? index : indexOf(arrayValues, v, index + 1); console.log(indexOf([Jo

คำอธิบาย ปัญหา: ใช้ = (assignment) แทน == หรือ === (comparison) ในเงื่อนไข if ทำให้เงื่อนไขเป็น true ตลอด ตัวอย่างโค้ดที่ถูกต้อง var details = [ { id: 10001, name: John }, { id: 10002, name: Bob }, { id: 10003, name: Carol }, { id: 10004, name: David } ]; var searchId = 10003; for (var ind

คำอธิบาย ใช้ document.querySelectorAll().forEach() เพื่อวนลูปตรวจสอบและเปลี่ยนค่าในแต่ละเซลล์ ตัวอย่างโค้ด <table> <tr><td class=demo> Java </td></tr> <tr><td class=demo> MySQL </td></tr> </table> <script> document.querySelector

คำอธิบาย ใช้ Array() ร่วมกับ join() เพื่อทำซ้ำสตริงจำนวนครั้งที่กำหนด ตัวอย่างโค้ด <script> String.prototype.counter = function (value) { return new Array(value + 1).join(this); }; console.log(The repeat string\n.counter(5)); </script> ผลลัพธ์ พิมพ์ The repeat string 5 บรรทัดใน conso

คำอธิบาย ใช้เมธอด remove() บนองค์ประกอบที่ได้จาก getElementById() ตัวอย่างโค้ด <h1 id=demo>Hello</h1> <p id=demo1>This is my paragraph</p> <script> document.getElementById(demo).remove(); </script> ผลลัพธ์ h1 id=demo ถูกลบออกจาก DOM เหลือแค่ p id=demo1

คำอธิบาย ใช้ document.getElementById().innerHTML เพื่อแสดงผลลัพธ์ของฟังก์ชันเป็น HTML ตัวอย่างโค้ด <div> <input type=text><br> <input type=text><br> <input type=radio><br> <input type=text><br> <input type=radio><br> </d

คำอธิบาย ใช้ childNodes[0].textContent เพื่อดึงข้อความตรงของ h1 โดยไม่รวมข้อความใน child element (เช่น <span>) ตัวอย่างโค้ด <h1> This is h1 tag........<span>This is span tag inside h1 tag.......... </span></h1> <script> var valueOfh1 = document.querySelector(div

คำอธิบาย ใช้ document.documentElement.innerHTML เพื่อได้ HTML ทั้งหมดของหน้าเป็นสตริง ตัวอย่างโค้ด <script> var entireDocumentHTMLAsAString = document.documentElement.innerHTML; console.log(entireDocumentHTMLAsAString); </script> ผลลัพธ์ พิมพ์โค้ด HTML ทั้งหมดของหน้าเว็บใน console

คำอธิบาย ใช้ onclick ร่วมกับ type=submit และ event.preventDefault() เพื่อจัดการฟอร์มโดยไม่ reload หน้า ตัวอย่างโค้ด (HTML + JS) <form action=#> <label for=firstName>First Name:</label> <input type=text id=fName name=firstName placeholder=Enter your First Name /> <bu

คำอธิบาย ใช้ map() ให้ถูกต้องเพื่อสร้างอาร์เรย์ใหม่จากอาร์เรย์เดิม โดยเพิ่มค่าดัชนีเข้าไปในแต่ละองค์ประกอบ ตัวอย่างโค้ด const addIndexValueToArrayElement = function (arrObject) { const updatedArrayValue = []; arrObject.forEach(function (ob) { const mapValue = ob.map(function (value) {

คำอธิบาย ใช้คำสั่ง delete ภายใน forEach() เพื่อลบคุณสมบัติออกจากทุกออบเจกต์ในอาร์เรย์ ตัวอย่างโค้ด var values = [ { firstName: John, lastName: Smith }, { firstName: David, lastName: Miller }, { firstName: Adam, lastName: Smith } ]; values.forEach(function(obj) { delete obj.lastName; }); co

คำอธิบาย ใช้ spread operator {...obj1, ...obj2} เพื่อรวมคุณสมบัติจากฟังก์ชันที่คืนค่าออบเจกต์เข้าไปในออบเจกต์เดิม ตัวอย่างโค้ด function getTheObject() { return { lastName: Smith, countryName: US }; } var availableObj = { firstName: Adam }; availableObj = { ...availableObj, ...getTheObj

คำอธิบาย ใช้ includes() สำหรับอาร์เรย์ และ Object.values().includes() สำหรับออบเจกต์ ตัวอย่างโค้ด var nameArray1 = [John, David, Mike, Sam, null]; if (nameArray1.includes(null)) console.log(array1 contains null value); else console.log(array1 does not contains null value); var nameArray2 = [Adam,

คำอธิบาย ใช้ find() พร้อมเงื่อนไขเพื่อค้นหาออบเจกต์แรกที่ตรงตามเงื่อนไขในอาร์เรย์ ตัวอย่างโค้ด var obj = [ { studentId: 101, studentName: John }, { studentId: 102, studentName: Bob }, { studentId: 103, studentName: David } ]; const result = obj.find((o) => { return o.studentId === 102;

คำอธิบาย ใช้ forEach() ร่วมกับ classList.add() เพื่อเพิ่ม class ให้แต่ละ <li> ตามดัชนี ตัวอย่างโค้ด <ul> <li>Javascript</li> <li>MySQL</li> <li>Java</li> <li>MongoDB</li> </ul> <script> function addingClassUsingJavascr

คำอธิบาย ใช้ reduce() สร้าง lookup object จากอาร์เรย์ที่สอง แล้ว map() เพื่อเพิ่มคุณสมบัติ matchingResult ในอาร์เรย์แรก ตัวอย่างโค้ด let firstDetails = [ {studentId:101,studentName:John}, {studentId:102,studentName:David}, {studentId:103,studentName:Bob} ]; let secondDetails = [ {studentId

คำอธิบาย ไม่สามารถเปลี่ยนค่าพารามิเตอร์ต้นฉบับได้โดยตรง แต่สามารถเพิ่มค่า กำหนดให้ตัวแปรใหม่ และคืนค่ากลับไป ตัวอย่างโค้ด function changeTheValueOfFunctionParameter(value) { var incrementValue = value + 1; return incrementValue; } var value = 190; console.log(The value is:, value); value = cha

คำอธิบาย นับจำนวนออบเจกต์ในอาร์เรย์ที่มีคุณสมบัติ isMarried เป็น true และ false ตัวอย่างโค้ด var obj = [ { isMarried: true }, { isMarried: false }, { isMarried: true }, { isMarried: true }, { isMarried: false } ]; function numberOfTrueValues(obj) { var counter = 0; for (var index = 0

คำอธิบาย ใช้ replace() พร้อม Regular Expression เพื่อลบอักขระพิเศษออกจากสตริง ไวยากรณ์ anyVariableName.replace(/(^\\anySymbol)|,/g, ); ตัวอย่างโค้ด var values = &677,431,444,98777; var result = values.replace(/(^&)|,/g, ); console.log(result); วิธีรัน node fileName.js ผลลัพธ์ 67743144498

คำอธิบาย Template literals ใช้ backticks (` `) ไม่ใช่ single quotes ( ) เพื่อแทรกตัวแปรในสตริงได้ ตัวอย่างโค้ด var firstName = John; var lastName = Smith; console.log(`First Name is= ${firstName}\nLast Name is= ${lastName} `); วิธีรัน node fileName.js ผลลัพธ์ First Name is= John Last Name is= Smi