JavaScript รองรับ Nullish Coalescing Operator (??) และเดิมๆ ใช้ Logical OR (||) ตัวอย่างโค้ด (ใช้ ||) var fullName = null; console.log(The full name is= + fullName); var actualName = fullName || David Miller; console.log(The full name is= + actualName); ตัวอย่างโค้ด (ใช้ ?? - ES2020) var fullName

ใช้ map() ดึง Property ที่ต้องการจากอาเรย์อ็อบเจ็กต์ สร้างอาเรย์ใหม่ ตัวอย่างโค้ด actualValue); console.log(listOfStudentName); วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo82.js) ผลลัพธ์ [ John, David, Bob ]

ใช้ map() ร่วมกับ Ternary Operator เลือก Object ที่มีค่า Property มากกว่า ตัวอย่างโค้ด secondCustomerDetails[position].amount ? key : secondCustomerDetails[position] ); console.log(output); วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo83.js) ผลลัพธ์ [ { firstName: John, amount: 40

ใช้ reduce() บนแต่ละอาเรย์แยกกัน เก็บค่าที่มากกว่าตาม Key ตัวอย่างโค้ด = previousValue.studentMarks) { arrayValues[k.studentName] = k; } return arrayValues; } const sectionA = sectionAStudentDetails.reduce(mergeByMaxMarks, {}); const sectionB = sectionBStudentDetails.reduce(mergeBy

ใช้ replace() กับ Regex /([:?]\s+)(.)/g และฟังก์ชัน Callback ให้ toUpperCase() ตัวอย่างโค้ด var objectValues = fullName: john Smith; function capitalizeFirstAfterTheColon(value) { return value.replace(/([:?]\s+)(.)/g, function(data) { return data.toUpperCase(); }); } console.log(c

ประกาศตัวแปร total = 0 แล้ววนลูปบวกค่าทุกตัวในอาเรย์ ตัวอย่างโค้ด var listOfValues = [10, 3, 4, 90, 34, 56, 23, 100, 200]; var total = 0; for (let index = 0; index < listOfValues.length; index++) { total = total + listOfValues[index]; } console.log(Total Values= + total); วิธีรันโปรแกรม ใช้ค

ใช้ลูป for นับจากค่าเริ่มต้น ถึงค่าสิ้นสุด ตัวอย่างโค้ด var startValue = 10; var endValue = 20; var total = ; function printAllValues(startValue, endValue) { for (var start = startValue; start < endValue; start++) { total = total + start + ,; } } printAllValues(startValue, endValu

ใช้ document.getElementsByClassName() คืนค่า HTMLCollection วนลูปด้วย Index แบบเดิม ตัวอย่างโค้ด <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title>

ใช้ลูป for ร่วมกับ splice() ลบค่า Falsy (0, false, , null, undefined) ตัวอย่างโค้ด var allValues = [10, false, 100, 150, , undefined, 450, null]; console.log(Actual Array=); console.log(allValues); for (var index = 0; index < allValues.length; index++) { if (!allValues[index]) { allVa

ใช้ Regex กับ Object.fromEntries() และ Object.entries() แปลง Key ตัวอย่างโค้ด [underscoreToCamelCase(key), value]) ); console.log(The JSON Object=); console.log(output); วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo89.js) ผลลัพธ์ The JSON Object= { firstNameField: John, lastNameFiel

ใช้ Object.values() และ some() ตรวจสอบค่า false ใน Object ซ้อนกัน ตัวอย่างโค้ด !isMarried)); console.log(isNotMarried); วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo75.js) ผลลัพธ์ false

ใช้ isNaN() ตรวจสอบว่าเป็น NaN (Not a Number) หรือไม่ ตัวอย่างโค้ด <!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>

ใช้ document.querySelectorAll() เลือกทุก Element แล้ววนเพิ่ม Event Listener ตัวอย่างโค้ด <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> </h

ใช้ document.formName.inputName.value = newValue ในฟังก์ชัน onsubmit ตัวอย่างโค้ด <!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>

ใช้ filter() กรองค่า 0 นำหน้าออก (แต่เก็บ 0 ที่อยู่กลาง/ท้ายไว้) ตัวอย่างโค้ด lastValue = lastValue || value)(false) ); console.log(removeLeadingZero([10, 0, 12, 0, 0])); console.log(removeLeadingZero([0, 0, 0, 0, 0, 0, 10, 12, 0])); console.log(removeLeadingZero([12, 0, 0, 1, 0, 0])); วิธีรันโป

ใช้ Logical AND (&&) ร่วมกับ Spread Operator เพื่อเพิ่ม Property ก็ต่อเมื่อเงื่อนไขเป็นจริง ตัวอย่างโค้ด let marksDetails = { Mark1: 33, Mark2: 89 }; let isBacklog = false; console.log(Result when backlog is set to false===); console.log({ ...marksDetails, ...(isBacklog === true && { Mark1: 33 })

ใช้ Map เก็บค่า แล้ว Array.from(), map(), join() รวมเป็นสตริง ตัวอย่างโค้ด value.join(?)) .join(?); console.log(The appended value is= + appendValue); วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo78.js) ผลลัพธ์ The appended value is=name=John?age=23?countryName=US?subjectName=Ja

ใช้ closest() หา Element พ่อ แล้ว remove() ลบออก ตัวอย่างโค้ด <!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

ใช้ prototype เพิ่มเมธอดเข้าถึง Property ผ่าน this ตัวอย่างโค้ด function Customer(fullName) { this.fullName = fullName; } Customer.prototype.setFullName = function(newFullName) { this.fullName = newFullName; } var customer = new Customer(John Smith); console.log(Using Simple Method = + c

eval() ประเมินสตริงเป็นโค้ด JavaScript ใช้เข้าถึงตัวแปรจากชื่อสตริง ตัวอย่างโค้ด var studentMarks = [76, 34, 56, 78, 81, 98, 90, 59, 64]; var stringValue = eval(studentMarks); console.log(stringValue[1]); // ดึงค่าดัชนี 1 วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo80.js) ผลลัพธ์ 34