วิธีทำ ใช้ forEach() loop พร้อมตัวแปร counter ตัวอย่างโค้ด let studentDetails = [ { id: 101, details: [{name: John}, {name: David},{name: Bob}]}, {id:102, details: [{name:Carol},{name:David}, {name:Mike}] } ]; var counter = 1; studentDetails.forEach(function(k){ k.details.forEach(functio

วิธีทำ ใช้ nested for loops 2 รอบ: รอบนอกสำหรับ row รอบในสำหรับ column ตัวอย่างโค้ด function matrixIndexed(details, name) { var r; var c; for (r = 0; r < details.length; ++r) { const nsDetails = details[r]; for (c = 0; c < nsDetails.length; ++c) { const tempObject = n

วิธีทำ ใช้ <span> แทน input field ตั้งค่า contenteditable="true" เพื่อให้พิมพ์ได้ ตัวอย่างโค้ด <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi

ใช้ split() แยกส่วนของ URL เพื่อดึง hostname จัดการทั้ง URL ที่มี protocol (https://) และไม่มี ตัวอย่างโค้ด split(?)[0] hostName = hostName.split(?)[0]; return hostName; } var websiteURL = https://www.tutorialspoint.com/java/index.htm; var websiteURL1 = https://www.tutorix.com/about_us.htm

ใช้ event.keyCode === 13 หรือ event.key === Enter ผูก event keypress หรือ keydown ให้ input ตรวจสอบปุ่ม Enter ตัวอย่างโค้ดเต็ม <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title

Primitive Types (ค่าประเภทพื้นฐาน) Number: ตัวเลข (integer, float) - typeof 10 === number String: ข้อความ - typeof John === string Boolean: true/false - typeof true === boolean Undefined: ไม่ได้กำหนดค่า - typeof undefined === undefined Null: ค่าว่าง - typeof null === object (bug แห่งนี้) Symbol: ค่

ใช้ split( ) แยกชื่อด้วยช่องว่าง สมมติชื่อเป็น FirstName LastName แยกด้วยช่องว่าง ได้อาร์เรย์ 2 ตัว ตัวอย่างโค้ด var studentFullName = John Smith; var details = studentFullName.split( ); console.log(StudentFirstName = + details[0]); // John console.log(StudentLastName = + details[1]); // Smith

Regex แทนที่คอมมาตัวสุดท้าย (Lookahead Assertion) ใช้ replace() กับ regex /,(?=[^,]*$)/ จับคอมมาที่ตามด้วย non-comma จนจบสตริง ตัวอย่างโค้ด const makingRegularExpression = /,(?=[^,]*$)/; function replaceComma(values) { console.log(values, ==== replaced by JavaScript ==== , values.replace(

เพิ่ม object ใหม่เข้า array ก็ต่อเมื่อ name ไม่ซ้ำ ใช้ forEach() วนชื่อที่จะเพิ่ม ตรวจสอบด้วย find() ก่อน push ตัวอย่างโค้ด obj2.name === obj1)) { details.push({ name: obj1 }); } }); console.log(details); วิธีรัน node fileName.js ผลลัพธ์ [ { name: John }, { name: David }, { name:

Computed Property Name: ใช้ค่าตัวแปรเป็น Key ของ Object ห่อตัวแปรด้วย [] ใน object literal เพื่อใช้ค่าของตัวแปรเป็น key ตัวอย่างโค้ด var name = David; var putTheAllData = []; // Key เป็นตัวอักษร name ตรงตัว putTheAllData.push({ name: The name is name will remain same }); // Key เป็นค่าของตัวแป

ใช้ split(/) แยกส่วนของ URL แปลง URL เป็นสตริงด้วย toString() แล้ว split ด้วย / ตัวอย่างโค้ด var newURL = https://www.example.com/index.html/homePage/aboutus/; console.log(newURL); var splitURL = newURL.toString().split(/); console.log(splitURL); วิธีรัน node fileName.js ผลลัพธ์ https://www.

ใช้ for loop วนลูปตรวจสอบทุกคำค้นหาด้วย indexOf() กรองรายการที่มี ทุกคำ ใน matchWords (AND condition) ตัวอย่างโค้ด var details = [ My first Name is John and last Name is Smith, My first Name is John and last Name is Doe, Student first Name is John and last Name is Taylor ]; var matchWords =

Recursive Function หาค่า Minimum ในอาร์เรย์ เปรียบเทียบตัวแรกกับตัวที่สอง นำค่าน้อยกว่าไปเรียกฟังก์ชันซ้ำกับส่วนที่เหลือ ตัวอย่างโค้ด ตัดตัวที่สองทิ้ง เรียกซ้ำ return findMinimumElementUsingRecursive([numbers[0]].concat(numbers.slice(2))); } } var numbers = [10, 101, 76, 56, 5, 210, 3, 100]

ใช้ splice() แทนที่ element ที่ index ที่กำหนด splice(start, deleteCount, ...items) ลบและ/หรือเพิ่ม element ที่ตำแหน่ง start ตัวอย่างโค้ด var changePosition = 2; // index ที่ 2 (0-based: John=0, David=1, Mike=2) var listOfNames = [John, David, Mike, Sam, Carol]; console.log(ก่อนแทนที่ = ); consol

ค้นหาออบเจกต์ในอาร์เรย์ตาม subjectName แล้วดึง marks วนลูปหา object ที่ subjectName ตรงกับที่ต้องการ แล้วคืนค่า marks ตัวอย่างโค้ด function getMarksUsingSubjectName(actualJSONData, givenSubjectName) { for (var tempObj of actualJSONData) { // ⚠️ Bug ในโค้ดต้นฉบับ: ใช้ = (assignment) แทน ==/==

เรียงลำดับทั้งสองอาร์เรย์ แล้วเปรียบเทียบทีละ index ใช้ concat().sort() สำเนาและเรียง แล้วลูปเปรียบเทียบ ตัวอย่างโค้ด var firstArray = [100, 200, 400]; var secondArray = [400, 100, 200]; function areBothArraysEqual(firstArray, secondArray) { // ตรวจสอบประเภทและความยาว if (!Array.isArray(first

ใช้ substring(1) ตัดตัวอักษรแรกออกจาก innerHTML ของลิงก์ เลือกทุกลิงก์ใน .linkDemo แล้ววนลูปตัดตัวแรกออก ตัวอย่างโค้ดเต็ม { link.innerHTML = link.innerHTML.substring(1); }); </script> </body> </html> วิธีรัน บันทึกเป็น index.html แล้วเปิดด้วย Live Server ผลลัพธ์ ลิ

ใช้ stepUp() และ stepDown() ควบคุม input type=number เมธอด built-in ของ HTMLInputElement เพิ่ม/ลดค่าตาม step attribute ตัวอย่างโค้ดเต็ม <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> &

เพิ่ม property lastName ตามเงื่อนไข studentName อยู่ใน join_values หรือไม่ ใช้ Object.assign() ร่วมกับ Object.keys().map() สร้างออบเจกต์ใหม่ ตัวอย่างโค้ด ({ [key]: { ...details[key], lastName: join_values.includes(details[key].studentName) ? Miller : Smith } })) ); console.l

ใช้ Set เก็บค่า key ที่เจอแล้ว เพื่อกรองออบเจกต์ซ้ำ วนลูปอาร์เรย์ ตรวจสอบ key ใน Set ถ้ายังไม่มี เพิ่มใน Set และ push เข้าผลลัพธ์ ตัวอย่างโค้ด var studentDetails = [ { studentId: 101 }, { studentId: 104 }, { studentId: 106 }, { studentId: 104 }, // ซ้ำ { studentId: 110 }, { studentId: 1