ใช้ลูป for หา Object ที่ตรงเงื่อนไข แล้วแทนที่ หรือ push() เพิ่มใหม่ ตัวอย่างโค้ด var studentDetails = [ { firstName: John, listOfSubject: [MySQL, MongoDB] }, { firstName: David, listOfSubject: [Java, C] } ]; var updateThisObject = { firstName: Bob, listOfSubject: [JavaScript] }; function

ใช้ replace() กับ Regex /\D|^0+/g ลบอักขระไม่ใช่ตัวเลขและศูนย์นำหน้า ตัวอย่างโค้ด var theValue1 = 5001000; var theValue2 = 100000005; var theValue3 = 05000001; var theValue4 = 00000000006456; console.log(theValue1.replace(/\D|^0+/g, )); console.log(theValue2.replace(/\D|^0+/g, )); console.log(theV

ใช้ querySelectorAll() หา Span ทั้งหมด แล้วเซต textContent จาก Element ต้นทาง ตัวอย่างโค้ด <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> <

ใช้ nextElementSibling และ remove() ลบ Element ระหว่าง Start และ End ตัวอย่างโค้ด <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> </head>

Object.assign(target, ...sources) คัดลอก Property จาก Source ไป Target เรียก Getter/Setter ตัวอย่างโค้ด second + 1000}; var object2 = Object.assign({}, object); console.log(The result=); console.log(object2.first(1000)); วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo102.js) ผลลัพธ์ T

ใช้ substring() ตัดเครื่องหมายคำพูดนอกสุด แล้ว replace() แทนที่เครื่องหมายคำพูดคู่ แล้ว JSON.parse() ตัวอย่างโค้ด var studentDetails = `{\name\: \John\,\subjectName\: \Introduction To JavaScript\}`; console.log(The actual object=); console.log(studentDetails); var removeFirstAndLast = studentDeta

ใช้ new Date().getFullYear() ดึงปีปัจจุบันมาแสดง ตัวอย่างโค้ด <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> </head> <body> &l

ใช้ Regex แทนที่ตัวอักษรแรกของแต่ละคำให้เป็นพิมพ์ใหญ่ (ยกเว้นคำแรก) และลบช่องว่าง ตัวอย่างโค้ด function convertStringToCamelCase(sentence) { return sentence.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function(camelCaseMatch, i) { if (+camelCaseMatch === 0) return ; return i === 0 ? came

ใช้ addEventListener(click) และ value += text เพิ่มข้อความใน Input ตัวอย่างโค้ด { document.getElementById(readTheInput).value += JavaScript; }); </script> </body> </html> วิธีรันโปรแกรม บันทึกไฟล์ชื่อ anyName.html หรือ index.html คลิกขวาที่ไฟล์ เ

ตัวอย่างลูปซ้อน 2 ระดับ มี return ออกจากฟังก์ชันเมื่อเจอเงื่อนไข ตัวอย่างโค้ด { for (var outer = 1; outer < 100; outer++) { for (var inner = 1; inner <= 5; inner++) { if (outer == 3) { return THE OUTER VALUE IS EQUAL TO 3 INSIDE THE LOOP; }

ใช้ replace() กับ Regex /\s+/g แทนช่องว่างหลายช่องเป็นช่องเดียว แล้ว trim() ตัดช่องว่างปลาย ตัวอย่างโค้ด var sentence = My name is John Smith ; console.log(The actual value=); console.log(sentence); var originalSentence = sentence.replace(/\s+/g, ).trim(); var afterRemovingTheSpace = originalSent

ใช้ Math.max() กับ Object.values() หาค่าสูงสุด แล้วหา Key ที่ตรงกัน ตัวอย่างโค้ด const studentMarksDetails = { marks1: 78, marks2: 69, marks3: 79, marks4: 74 }; const maximumMarks = Math.max(...Object.values(studentMarksDetails)); console.log(The highest marks= + maximumMarks); fo

ใช้ map() สร้าง Object ใหม่ ดึง Property จาก Nested Object ขึ้นมาระดับบน ตัวอย่างโค้ด ({ studentId: obj.studentId, studentName: obj.studentName, subjectName: obj.subjectDetails.subjectName })); console.log(output); วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo92.js) ผลลั

ใช้ split() แยกตัวอักษร แล้ว reduce() กับ replace() ลบทีละตัว ตัวอย่างโค้ด obj.replace(v, ), originalName); var originalName = JOHNDOE; var removalName = JOHN; console.log(removeCharactersFromAString(removalName, originalName)); วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo93.js) ผ

ใช้ reduce() ร่วมกับ Math.max(...array) หาค่าสูงสุดของแต่ละ Sub-array ตัวอย่างโค้ด { maxValue.push(Math.max(...maxCurrent)); return maxValue; }, []); console.log(getBiggestNumberFromArraysPassed([[45, 78, 3, 1], [50, 34, 90, 89], [32, 10, 90, 99]])); วิธีรันโปรแกรม ใช้คำสั่ง

ใช้ setTimeout() หน่วงเวลาใน Milliseconds (1000ms = 1 วินาที) ตัวอย่างโค้ด var firstValue = 10; var secondValue = 20; var result = firstValue + secondValue; setTimeout(function() { // รอ 5 วินาที (5000 ms) }, 5 * 1000); console.log(The result= + result); หมายเหตุ: โค้ดด้านบน console.log จะทำ

ใช้ลูป for...in ซ้อนกัน 2 ชั้น ค้นหา Key ที่มี Value ตรงตามเงื่อนไข ตัวอย่างโค้ด var details = { teacherDetails: { teacherName: [John, David] }, subjectDetails: { subjectName: [MongoDB, Java] } }; var objectName, nestedObject; var name = Java; for (var key in detai

ใช้ Object.freeze() ทำให้ Object เป็น Immutable ไม่สามารถเพิ่ม/ลบ/แก้ไข Property ได้ ตัวอย่างโค้ด const canNotChangeTheFieldValueAfterFreeze = {value1: 10, value2: 20}; Object.freeze(canNotChangeTheFieldValueAfterFreeze); canNotChangeTheFieldValueAfterFreeze.value1 = 100; // จะไม่มีผล console.log(

ใช้ filter() หา Item ที่ตรง แล้ว map() เปลี่ยนค่า ตัวอย่างโค้ด obj.Name = Carol); console.log(studentDetails); วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo98.js) ผลลัพธ์ [ { Name: John }, { Name: David }, { Name: Carol }, { Name: Mike } ]

ใช้ hasOwnProperty() ตรวจสอบก่อนเพิ่ม Property ใหม่ ตัวอย่างโค้ด var first = {key1: 100, key2: 40, key3: 70}; var second = {key2: 80, key3: 70, key4: 1000}; function addPropertiesWithoutOverwriting(first, second) { for (var key in second) { if (second.hasOwnProperty(key) && !first.hasO