อ็อบเจ็กต์ key เป็นตัวใหญ่: {STUDENTNAME: John, STUDENTAGE: 21, STUDENTCOUNTRYNAME: US}ใช้ toLowerCase() แปลง key ทั้งหมดตัวอย่างโค้ดvar details = { STUDENTNAME: John, STUDENTAGE: 21, STUDENTCOUNTRYNAME: US }; var tempKey, allKeysOfDetails = Object.keys(details); var numberOfKey = allKeysOfDet

ค่า input เป็นสตริง ใช้ parseInt() แปลงเป็นตัวเลขตัวอย่างโค้ด<!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> <link rel=stylesheet hre

สตริงมี placeholder รอบๆ ด้วย #: My Name is #yourName# and I got #marks# in JavaScript subjectค่าที่จะแทน: [David Miller, 97] ใช้ replace() กับ shift()ตัวอย่างโค้ด originalValue.shift()); console.log(result);รันด้วยคำสั่ง:node fileName.jsชื่อไฟล์: demo298.jsผลลัพธ์ node demo298.js My Name is David M

อาร์เรย์: [20, 1, -1, 2, -2, 3, 3, 5, 5, 1, 2, 4, 20, 4, -1, -2, 5]มี element เพียงตัวเดียวที่ปรากฏครั้งคี่ (odd times) หาตัวนั้นตัวอย่างโค้ด a - b); for (let i = 0; i < arr.length; i++) { if (arr[i] === last) { count++; continue; }; if (count % 2) { return last;

ฟังก์ชันรับสตริงและตัวคั่นหลายตัว คืนอาร์เรย์ที่แยกแล้วตัวอย่าง: rttt.trt/trfd/trtr,tr ตัวคั่น [/, ., ,] → [rttt, trt, trfd, trtr]ตัวอย่างโค้ด { const res = []; let start = 0; for(let i = 0; i < str.length; i++){ if(!separator.includes(str[i])){ continue; }; res.push(str.subs

ฟังก์ชันรับเมทริกซ์ 2 ตัว (2-D arrays) คืนผลคูณเมทริกซ์เมทริกซ์ A (5x4) และ B (4x6) → ผลลัพธ์ 5x6ตัวอย่างโค้ด { if (!Array.isArray(a) || !Array.isArray(b) || !a.length || !b.length) { throw new Error(arguments should be in 2-dimensional array format); } let x = a.length, z = a[0].length, y

get ใช้สร้าง getter คล้าย C#, Java เรียกใช้เหมือน property ไม่ต้องใส่ ()ตัวอย่างโค้ดclass Employee { constructor(name) { this.name = name; } get fullName() { return this.name; } } var employeeObject = new Employee(David Miller); console.log(employeeObject.fullName);รันด้วยคำสั่ง:nod

ใช้ ternary operator ตัดสินใจศตวรรษจากค่าปี 2 หลักตัวอย่างโค้ด yearRangeValue ? 20 + year : 18 + year; return new Date(date + - + month + - + originalYear).toLocaleDateString(en-GB); }; console.log(getCorrectCentury(10-JAN-19));รันด้วยคำสั่ง:node fileName.jsชื่อไฟล์: demo300.jsผลลัพธ์ node demo300

อาร์เรย์: [7,5,3,8,9,/,9,5,8,2,/,3,4,8]รวมตัวเลขระหว่าง / ใช้ join(), split(), map()ตัวอย่างโค้ด isNaN(v) ? v : +v); console.log(afterMerge);รันด้วยคำสั่ง:node fileName.jsชื่อไฟล์: demo301.jsผลลัพธ์ node demo301.js [ 75389, /, 9582, /, 348 ]คำอธิบาย: join() รวมเป็นสตริง 75389/9582/348 split(/(\d+)/)

ใช้ Object.keys(), reduce(), concat() แปลงค่าสตริงเป็นอาร์เรย์เดี่ยวตัวอย่างโค้ด (obj[tempKey] = [].concat(details[tempKey]), obj), {}); console.log(output);รันด้วยคำสั่ง:node fileName.jsชื่อไฟล์: demo302.jsผลลัพธ์ node demo302.js { name: [ John, David ], age1: [ 21 ], age2: [ 23 ] }คำอธิบาย

ใช้ forEach() วนลูปอาร์เรย์ สร้างอ็อบเจ็กต์ key = ค่า, value = ดัชนีตัวอย่างโค้ด { var generatedValues = { [nameObject]: counter }; Object.assign(result, generatedValues); }); console.log(result);รันด้วยคำสั่ง:node fileName.jsชื่อไฟล์: demo290.jsผลลัพธ์ node demo290.js { John: 0, David: 1, Mike:

สร้าง Date จากสตริง ใช้ setHours() และ getHours() บวกชั่วโมงตัวอย่างโค้ดvar dateValue = new Date(2021-01-12 10:10:20); dateValue.setHours(dateValue.getHours() + 2); console.log(The date value is= + dateValue.toString()); console.log(Only Hours value after incrementing= + dateValue.getHours());รันด้ว

ใช้ addEventListener() กับ event mousedown แทน clickตัวอย่างโค้ด<!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> <link rel=stylesheet

อาร์เรย์อ็อบเจ็กต์ที่มี studentMarks บางตัวซ้ำ: [87, 87], [98, 98]ใช้ map() ร่วมกับ Set ลบค่าซ้ำตัวอย่างโค้ด { if (typeof (tempObj.studentMarks) == object) { tempObj.studentMarks = [...new Set(tempObj.studentMarks)]; if (tempObj.studentMarks.length == 1) { tempObj.studentMarks = temp

อาร์เรย์: [[89, John], [78, John], [94, John], [47, John], [33, John]]เรียงตามตัวเลขแรก (ดัชนี 0) ใช้ sort()ตัวอย่างโค้ด second[0] - first[0]); console.log(studentDetails);รันด้วยคำสั่ง:node fileName.jsชื่อไฟล์: demo293.jsผลลัพธ์ node demo293.js [ [ 94, John ], [ 89, John ], [ 78, John ], [ 47, John

ใช้ localStorage.setItem(key, value) บันทึก และ localStorage.getItem(key) ดึงค่าตัวอย่างโค้ด { localStorage.setItem(textBoxValue, e.target.value); }); </script> </html>บันทึกเป็น index.html เปิดด้วย Live Serverผลลัพธ์พิมพ์ในช่อง input → กด Enter → ค่าถูกบันทึกใน localStorageเปิด De

ใช้ Object.keys() และลูป for...of สร้างอ็อบเจ็กต์ใหม่แต่ละรอบ ตั้ง key หนึ่งเป็น nullตัวอย่างโค้ดvar objectValues = { name1: John, name2: David, address1: US, address2: UK }; for (var tempKey of Object.keys(objectValues)) { var inEachIterationSetOneFieldValueWithNull = { ...objectValu

สตริงต้นฉบับ: DDAAVIDMMMILLERRRRRต้องการบีบอัด: ตัวอักษรซ้ำกัน → นำหน้าด้วยจำนวน ใช้ replace() พร้อม Regexตัวอย่างโค้ด obj.length + obj[0]); console.log(The original string value= + values); console.log(String value after preceding the numbers =); console.log(precedingNumbersInString);รันด้วยคำสั่ง:

สามารถส่ง default parameters ใน nested objects ได้ตัวอย่างโค้ดfunction callBackFunctionDemo({ cl: { callFunctionName = callBackFunction, values = 100 } = {} } = {}) { console.log(callFunctionName); console.log(values); } // ใช้ค่า default callBackFunctionDemo(); // ส่งค่า values = 500 callBack

ตารางตัวอย่าง:<table> <tr id=StudentDetails> <th>StudentName</th> <th>StudentCountryName</th> </tr> <tr id=FirstRow> <td>JohnDoe</td> <td>UK</td> </tr> <tr id=SecondRow> <td>DavidM