สร้างอาเรย์ของจุดที่กระจายตัวห่างกันเท่าๆ กัน (Equidistant) บนเส้นตรงที่มีความยาวกำหนด ตัวอย่างโค้ด function drawPoints(start, end) { const arrayOfPoints = []; for (var index = 0; index < start; index++) { var v = (index + 1) / (start + 1); var v2 = v * end; arrayOfP

ใช้ filter() ร่วมกับ toLowerCase() และ indexOf() เพื่อค้นหาสตริงย่อยไม่สนใจตัวพิมพ์เล็ก/ใหญ่ ตัวอย่างโค้ด = 0 )); วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo55.js) ผลลัพธ์ [ { studentName: John Smith }, { studentName: john smith } ]

ใช้ event onkeypress ตรวจสอบ keyCode 13 (Enter) ตัวอย่างโค้ด <!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> <

ใช้ตัวดำเนินการ OR (||) เพื่อกำหนดค่าเริ่มต้นเมื่อตัวแปรเป็น null หรือ undefined ไวยากรณ์ var anyVariableName = null; var anyVariableName = yourVariableName || anyValue; ตัวอย่างโค้ด var value = null; console.log(The value = + value); var actualValue = value || This is the Correct Value; console.

ใช่ สามารถเลือก Text Box ได้ด้วยเมธอด select() ตัวอย่างโค้ด <!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> Ente

ใช่ สามารถใช้เมธอด replace() เพื่อแทนที่ส่วนของสตริงได้ (แม้ JavaScript จะเป็น Immutable แต่ replace() จะคืนค่าสตริงใหม่) ไวยากรณ์ var anyVariableName = yourValue; yourVariableName = yourVariableName.replace(yourOldValue, yourNewValue); ตัวอย่างโค้ด var message = Hello, this is John; console.log(B

เครื่องหมาย + ทำการต่อสตริง (Concatenate) เพราะค่าจาก Textbox เป็นชนิดข้อมูล String ต้องใช้ parseInt() แปลงเป็นตัวเลขก่อน ตัวอย่างโค้ด <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0>

สร้างฟังก์ชันเองเพื่อวาดรูปเพชร (Diamond Shape) จากค่าขนาดที่รับเข้ามา ตัวอย่างโค้ด function createDiamondShape(size) { // ส่วนบนของเพชร for (var i = 1; i = i; s--) { process.stdout.write( ); } // ดาว for (var j = 1; j <= i; j++) { process.std

ใช้เมธอด fill() เพื่อสร้างเมทริกซ์บูลลีนและอัปเดตค่า ตัวอย่างโค้ด const array = Array(4); var fillWithTrueValue = array.fill(true); const matrixWithOnlyBooleanTrue = Array(4).fill(fillWithTrueValue); console.log(matrixWithOnlyBooleanTrue); วิธีรันโปรแกรม ใช้คำสั่ง node fileName.js (เช่น node demo5

ต้องการลบ 1 สัปดาห์ (7 วัน) จากวันที่ปัจจุบัน ใช้เมธอด setDate() และ getDate() ร่วมกัน ไวยากรณ์ var anyVariableName = new Date(yourCurrentDate.setDate(yourCurrentDate.getDate() - 7)) ตัวอย่างโค้ด var currentDate = new Date(); console.log(The current Date= + currentDate); var before7DaysDate = new

การดึงค่าของแท็ก <h1> ไปเก็บในตัวแปร JavaScript สามารถทำได้โดยใช้ document.getElementById().innerHTML ตัวอย่างโค้ด สมมติว่าเรามีหัวข้อ H1 ดังนี้: <h1 id=demo> This is the demo program of JavaScript ........</h1> โค้ด JavaScript สำหรับดึงค่า: <!DOCTYPE html> <html lang=en

สมมติอาร์เรย์ซ้อนของเราคือ const arrayObject = [ [ { Name: John }, { countryName: US } ], [ { subjectName: JavaScript }, { teacherName: Mike } ] ]; เพื่อแปลงอาร์เรย์ซ้อนเป็นอาร์เรย์ทั่วไป ใช้คอนเซปต์ flat() ตามโค้ดด้านล่าง ตัวอย่าง const arrayObject = [ [ { Name: John }, { countryName: US } ], [ {

เพื่อวนลูปผ่านทุก DOM element บนหน้า ใช้ document.getElementsByTagName(*) วนลูปผ่านความยาวและแสดงผลในคอนโซลตามโค้ดด้านล่าง var tags = document.getElementsByTagName(*); for (var i=0, max=tags.length; i < max; i++) { console.log(tags[i]); } ตัวอย่าง   Document Demo Enter the name: S

เพื่อลบข้อความ ใช้คอนเซปต์ remove() ใช้ filter เพื่อดึงเนื้อหาที่ไม่อยู่ในแท็ก element สมมติ HTML ของเราคือ Demo Program This is also Demo Program และเราต้องลบ This is also Demo Program เนื่องจากมันไม่อยู่ภายใต้แท็ก element สำหรับนั้น โค้ดสมบูรณ์มีดังนี้ใช้ filter() และ remove() ตัวอย่าง  

เพื่อปรับเปลี่ยนสตริง คุณสามารถใช้ toLowerCase() และ toUpperCase() สมมติสตริงของเราคือ var sentence = tHIS iS tHE JavaScript pROGRAM; เพื่อปรับเปลี่ยนและแสดงในรูปแบบที่ถูกต้อง โค้ดมีดังนี้ ตัวอย่าง var sentence = tHIS iS tHE JavaScript pROGRAM; function modifyStringWithMultipleMethods(sentence) { r

เพื่อตรวจสอบรูปแบบวันที่ที่ถูกต้อง ให้จับคู่วันที่กับ const dateFormat = /^\d{4}\-\d{2}\-\d{2}$/; ตัวอย่าง   Document .check-valid-date { border: 1px solid red; } const dateFormat = /^\d{4}\-\d{2}\-\d{2}$/; document.getElementById(check-valid-date).addEventListener(change, checki

มาตั้งปุ่มก่อน Call ข้างต้น เราตั้งฟังก์ชันภายใต้ onclick เพื่อเรียกฟังก์ชันอีกสองฟังก์ชัน function callTwoOtherFunctions(){ fun1(); fun2(); } ด้วยวิธีนี้ จัดการ fun1() และ fun2() ตามโค้ดสมบูรณ์ด้านล่าง ตัวอย่าง   Document Call function callTwoOtherFunctions(){ fun1(); fun2(); }

เพื่อสร้างอาร์เรย์ว่างขนาดกำหนด ใช้ตัวดำเนินการ new var numberArray = new Array(10); หลังจากนั้น มาตั้งค่าบางค่าในอาร์เรย์ โค้ดมีดังนี้ ตัวอย่าง var numberArray = new Array(10); console.log(The length=+numberArray.length) numberArray=[10,20,30,40,50,60]; console.log(The array value=); for(var i=0;i

คุณสามารถใช้ keyCode 13 สำหรับปุ่ม ENTER มาสร้าง input ก่อน ตอนนี้ ใช้ on() พร้อม keyCode เพื่อตรวจจับปุ่ม ENTER โค้ดสมบูรณ์มีดังนี้ ตัวอย่าง   Document $(#txtInput).on(keyup, function (event) { if (event.keyCode === 13) { console.log(Enter key pressed!!!!!); } }); เพื่อรันโปรแ

คุณต้องเรียกฟังก์ชันเดิมซ้ำๆ เพื่อหาผลรวมจำนวนเต็มทั้งหมดจากอาร์เรย์ซ้อน โค้ดมีดังนี้ ตัวอย่าง function sumOfTotalArray(numberArray){ var total= 0; for (var index = 0; index < numberArray.length; index++) { if (numberArray[index] instanceof Array){ total=total+sumOfTotalArray(arr[index]); } if (num