สามารถใช้เครื่องหมายจุด (dot notation) เพื่อเข้าถึงคุณสมบัติของออบเจ็กต์ในอาร์เรย์ตัวอย่างโค้ดconst employeeDetails = [ { employeeName: Chris, employeeAge: 25, employeeTechnology: Java }, { employeeName: David, employeeAge: 27, employeeTechnology: Javascript }, {

ตัวอย่างโค้ดโค้ดต่อไปนี้สร้าง To-Do List เรียบง่าย:<!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>To-Do List</title> </head> <link rel=stylesheet href=//code

สมมติว่าเรามีอาร์เรย์แรก:var firstArray = [John, David, Bob, Mike];และอาร์เรย์ที่สอง:var secondArray = [Chris, Adam, James, Carol];เพื่อรวมอาร์เรย์ทั้งสองเป็นอาร์เรย์ใหม่ ให้ใช้เมธอด concat()ตัวอย่างโค้ดvar firstArray = [John, David, Bob, Mike]; var secondArray = [Chris, Adam, James, Carol]; var thi

สมมติว่าเรามีสตริงดังนี้:var sentence = My Name is David Miller I live in AUS;เพื่อแทนที่ช่องว่างในสตริงข้างต้นด้วยขีดล่าง (_) ให้ใช้เมธอด split() ร่วมกับ join()ตัวอย่างโค้ดvar sentence = My Name is David Miller I live in AUS; var withUnderscore = sentence.split( ).join(_); console.log(The actual re

คำอธิบาย ดึงค่าจาก textbox ด้วย .value แล้วแสดงใน <p> ด้วย innerHTML ตัวอย่างโค้ด <input type=text placeholder=enter your name id=txtInputData> <button onclick=displayName()>Click Me</button> <p id=show_name></p> <script> function displayName() { var ori

คำอธิบาย ใช้ map() ดึงค่า name ออกมา แล้ว filter() ร่วมกับ includes() เพื่อหาค่าที่ซ้ำกันระหว่างสองอาร์เรย์ ตัวอย่างโค้ด const firstArray = [ { name: John Doe }, { name: John Smith }, { name: David Miller }, { name: Bob Taylor }, { name: Carol taylor }, { name: Adam Smith } ]; const se

คำอธิบาย ใช้ JSON.parse() แปลงสตริง JSON ในอาร์เรย์เป็นออบเจกต์จริง แล้ววนลูป ตัวอย่างโค้ด var apiValues = [ {name: John, scores: [78, 89]}, {name: David, scores: [58, 98]}, {name: Bob, scores: [56, 79]}, {name: Mike, scores: [94, 91]} ]; var parseJSONObject = apiValues.map(obj => JSON.

คำอธิบาย ใช้ sort() พร้อม localeCompare() เพื่อจัดเรียงอาร์เรย์ออบเจกต์ตามค่าของคีย์ name ตัวอย่างโค้ด var details = [ { studentId: 100, name: John }, { studentId: 110, name: Adam }, { studentId: 120, name: Carol }, { studentId: 130, name: Bob }, { studentId: 140, name: David } ]; detail

คำอธิบาย ตรวจสอบ PIN ตามเงื่อนไข: ต้องเป็นสตริง, ไม่มีจุดทศนิยม, เป็นตัวเลข, ความยาว 2 หรือ 4 หลัก ตัวอย่างโค้ด function simpleValidationForPin(pinValues) { if (!(typeof pinValues === string && !~pinValues.indexOf(.) && !isNaN(Number(pinValues)) && (pinValues.length === 2

คำอธิบาย หารตัวเลขด้วย 2 ซ้ำๆ เก็บเศษ แล้วนำเศษมาอ่านจากล่างขึ้นบน ตัวอย่างโค้ด function convertDecimalToBinary(value) { var binaryValues = []; var counter = 0; while (value > 0) { binaryValues[counter++] = parseInt(value % 2); value = parseInt(value / 2); } for (var j = counte

คำอธิบาย ตั้งค่า innerHTML = เพื่อลบ child elements ทั้งหมดทีเดียว ตัวอย่างโค้ด <div id=removeAllChildElements style=height: 200px; width: 200px; border: 1px solid red;> <span>Javascript</span> <div>MySQL</div> </div> <button id=remove>Remove the items

คำอธิบาย ใช้ document.onkeydown ตรวจจับ keyCode ของปุ่มลูกศร (Left=37, Up=38, Right=39, Down=40) ตัวอย่างโค้ด <script> document.onkeydown = function (event) { switch (event.keyCode) { case 37: console.log(Left key is pressed.); break; case 38: console.log(Up key is pressed.); break;

คำอธิบาย ใช้ replace() พร้อม Regex เพื่อลบสัญลักษณ์สกุลเงินและคอมมา แล้วแปลงเป็นตัวเลขด้วย Number() ตัวอย่างโค้ด var euroCurrenyValue = €55,600.35; var result = Number(euroCurrenyValue.replace(/[^0-9.-]+/g, )); console.log(result); // 55600.35 var dollarCurrenyValue = $645,345.50; var result1 = Nu

คำอธิบาย เครื่องหมาย : ใช้กำหนดคุณสมบัติให้ออบเจกต์ ส่วน = ใช้กำหนดค่าให้ตัวแปร ตัวอย่างโค้ด var studentDetails = { studentId: 101, studentName: John, studentSubjectName: Javascript, studentCountryName: US }; console.log(studentDetails); var firstName = David; console.log(firstName); วิธี

คำอธิบาย ใช้ addEventListener() และ dataset เพื่อระบุว่าปุ่มไหนถูกคลิก ตัวอย่างโค้ด <script> for (let i = 0; i < 3; i++) { let addButton = document.createElement(button); if (i == 0) { addButton.innerHTML = Javascript; addButton.dataset.subject = Javascript; } if (i == 1) {

คำอธิบาย ใช้ replace() พร้อม Regular Expression เพื่อแทรกช่องว่างทุก 2 ตัวอักษร ตัวอย่างโค้ด var values = JavaScriptTutorial; var result = values.replace(/.{1,2}(?=(.{2})+$)/g, $& ); console.log(The actual result is=); console.log(values); console.log(After inserting space at nth position=); co

คำอธิบาย ใช้ classList.remove() เพื่อลบ class ออกจากองค์ประกอบ ตัวอย่างโค้ด <p id=remove class=removeClass>Javascript Tutorial</p> <button onclick=removeClassName()>Remove</button> <script> function removeClassName() { const element = document.getElementById(remove)

คำอธิบาย ใช้เงื่อนไข parameter !== undefined เพื่อตรวจสอบว่ามีการส่งพารามิเตอร์มาหรือไม่ ตัวอย่างโค้ด function checkingParameter(parameter) { if (parameter !== undefined) { console.log(Parameter is provided.); } else { console.log(Parameter is not provided.); } } checkingParameter();

คำอธิบาย ตรวจสอบว่า parameter เป็น undefined หรือไม่ ถ้าใช่ กำหนดค่าเริ่มต้นใหม่ ตัวอย่างโค้ด function showValue(value) { if (value === undefined) { value = 100000; } return value; } console.log(The value= + showValue(300)); console.log(The value= + showValue(undefined)); วิธีรัน node f

คำอธิบาย !! คือการกลับค่าสองครั้ง (double negation) ทำให้ได้ค่า boolean จริงของตัวแปร ตัวอย่าง var flag = true; console.log(The result of single !); console.log(!flag); // false console.log(The result of double !!); console.log(!!flag); // true วิธีรัน node fileName.js ผลลัพธ์ The result of singl