เราต้องเขียนฟังก์ชันที่รับเส้นทางไฟล์เป็นสตริงและคืนค่าชื่อไฟล์ ชื่อไฟล์มักอยู่ที่ท้ายสุดของเส้นทาง แม้จะแก้ได้ด้วย regex แต่ก็มีวิธีที่ง่ายกว่าในบรรทัดเดียวโดยใช้เมธอด split() ของสตริง สมมติว่าเส้นทางไฟล์ของเราคือ /app/base/controllers/filename.js โค้ดสำหรับดึงชื่อไฟล์จากเส้นทางสตริง ตัวอย่าง const

สมมติว่าเราต้องเขียนฟังก์ชันที่รับอาร์เรย์เข้ามาและเปลี่ยนแอตทริบิวต์ id ของ div แรก n ตัวใน DOM ตามค่าที่อยู่ในอาร์เรย์ โดยที่ n คือความยาวของอาร์เรย์ เราจะเลือก div ทั้งหมดใน DOM ก่อน จากนั้นวนลูปผ่านอาร์เรย์ที่รับมาและกำหนด id ให้แต่ละ div ตามลำดับ โค้ดสำหรับทำเช่นนี้คือ const array = [navbar, si

สมมติว่าเรามีโค้ดและผลลัพธ์ดังต่อไปนี้ และเราต้องการทราบว่า JavaScript แปลงสตริงว่าง ( ) เป็น 0 ได้อย่างไร const digify = (str) => { const parsedStr = [...str].map(Number); return parsedStr; } console.log(digify(778 858 7577)); ผลลัพธ์ [ 7, 7, 8, 0, 8, 5, 8, 0, 7, 5, 7, 7 ] พฤติกรรมนี้อาจก่อใ

มีหลายวิธีหาจำนวนช่องว่างใน JavaScript เช่น ใช้ split(), for loop, map/filter, หรือ Regexวิธีที่ใช้ Regex มีประสิทธิภาพและ Performant มากที่สุด โดยเฉพาะสำหรับข้อความยาว ดังนั้นเราจะใช้วิธีนี้โค้ดดังนี้ −ตัวอย่างconsole.log(("abc def rr tt".match(/ /g) || []).length); console.log((&qu

มี 2 วิธีล้าง localStorage ผ่าน JavaScript จริงๆวิธี 1 − ใช้เมธอด clear()localStorage.clear();วิธี 2 − วนลูป localStorage และลบ Key ทั้งหมดfor(key in localStorage){ delete localStorage[key]; }ทั้งสองวิธีทำงานได้ตัวอย่าง<html> <body> <p id = "storage"></p>

เรามีอาร์เรย์ออบเจ็กต์ 2 ตัว ต้องรวมเป็นออบเจ็กต์เดียวและลบคุณสมบัติ chk ออกไปทั้งหมด −const err = [    {       "chk" : true,       "name": "test"    },    {       "chk" :true, &n

เพื่อ埋め込み (Embed) สมาชิกของอาร์เรย์ลงใน Div เราแค่วนลูปอาร์เรย์และ Append สมาชิกเข้าไปใน Divทำได้ดังนี้ −ตัวอย่างconst myArray = ["stone","paper","scissors"]; const embedElements = () => {    myArray.forEach(element => {       docume

เราต้องสร้างฟังก์ชันรับออบเจ็กต์และสตริงค้นหา แล้วกรอง Key ของออบเจ็กต์ที่ขึ้นต้นด้วยสตริงค้นหา และคืนออบเจ็กต์โค้ดสำหรับทำเช่นนี้ −ตัวอย่างconst obj = {    "PHY": "Physics",    "MAT": "Mathematics",    "BIO": &quo

เราต้องเขียนฟังก์ชันรับอาร์กิวเมนต์หนึ่ง คืออาร์เรย์ตัวเลข และคืนอาร์เรย์ที่มีเฉพาะตัวเลขคู่จากอาร์เรย์ต้นฉบับตั้งชื่อฟังก์ชันว่า returnEvenArray โค้ดจะเป็นดังนี้ −ตัวอย่างconst arr = [3,5,6,7,8,4,2,1,66,77]; const returnEvenArray = (arr) => {    return arr.filter(el => {  

เป้าหมายคือเขียนฟังก์ชัน JavaScript รับตัวเลขแล้วคืนค่าตัวเลขที่กลับลำดับเช่น กลับของ 678 −876โค้ดสำหรับกลับตัวเลขใน JavaScript −ตัวอย่างconst num = 124323; const reverse = (num) => parseInt(String(num) .split("") .reverse() .join(""), 10); console.log(reverse(num)

เรามีอาร์เรย์สตริง และอีกสตริงหนึ่งสำหรับค้นหา สามารถ Filter อาร์เรย์โดยตรวจสอบว่ามีตัวอักษรทั้งหมดที่ผู้ใช้ให้มาหรือไม่โค้ดสำหรับทำเช่นนี้ −ตัวอย่างวิธีที่ 1const deliveries = ["14/02/2020, 11:47,G12, Kalkaji", "13/02/2020, 11:48, A59, Amar Colony"]; const input = "g1

ให้อาร์เรย์ต่อไปนี้เรียงตาม date และ isImportant ออบเจ็กต์ที่ isImportant เป็น true จะอยู่หน้ากว่าที่เป็น false และทั้งสองกลุ่มเรียงตาม dateอาร์เรย์ของเรา −const array = [{    id: 545,    date: 591020824000,    isImportant: false, }, {    id: 322,  

นี่คืออาร์เรย์ออบเจ็กต์ตัวอย่าง แต่ละออบเจ็กต์แทนหน้าของเว็บไซต์หลายหน้า มี next property (ยกเว้นหน้าสุดท้าย) ชี้ไป id ของอีกออบเจ็กต์ และ previous property (ยกเว้นหน้าแรก) ชี้ไป id ของออบเจ็กต์ก่อนหน้าออบเจ็กต์เหล่านี้อยู่ในลำดับสุ่ม เราต้องเรียงให้ถูกต้อง −let arr = [    { id: &quo

เราต้องการเรียกฟังก์ชัน validate() นอกจาก initValidation() โดยไม่จำเป็นต้องเรียก initValidation()โค้ดที่มีปัญหา −function initValidation(){    // irrelevant code here    function validate(_block){       // code here    } }ใน JavaScript ฟังก์ชันคือออ

เรามีไฟล์ employees.json ในไดเรกทอรี่เดียวกับไฟล์ JS ที่ต้องการ Import ข้อมูลเนื้อหา employees.json −employees.json"Employees" : [    {       "userId":"ravjy", "jobTitleName":"Developer", "firstName":"Ran

สมมติเรามีออบเจ็กต์ของออบเจ็กต์ที่เก็บคะแนนนักกีฬา เราต้องแปลงเป็นอาร์เรย์ออบเจ็กต์ ที่แต่ละออบเจ็กต์มี 2 คุณสมบัติคือ name และ rating โดย name เก็บชื่อผู้เล่น และ rating เก็บออบเจ็กต์คะแนนออบเจ็กต์ตัวอย่าง −const playerRating = {    'V Kohli':{       batting:

สมมติเราต้องการเมื่อผู้ใช้ Submit Form เราจัดการ Event Submit ฝั่ง Client และป้องกัน Browser โหลดหน้าใหม่ทันทีHTML Form<form name="formcontact1" action="#"> <input type='text' name='email' size="36" placeholder="Your e-mail :)"/> &l

เราต้องเขียนฟังก์ชันรับ 2 อาร์กิวเมนต์: อาร์เรย์ของ String หรือ Number และ String แล้วคืนสตริงที่มีสมาชิกทุกตัวถูกต่อหน้าและต่อท้ายด้วยสตริงนั้นเช่น −applyText([1,2,3,4], ‘a’);ควรคืนค่า ‘a1a2a3a4a’สำหรับความต้องการนี้ Array.map() เหมาะกว่า For Loop โค้ดจะเป็นดังนี้ &min

สมมติสตริงตัวอย่างคือ −const a = "250,5";ถ้าตัวเลขหลัง “,” เป็นหลักเดียว เราต้องต่อ 0 เข้าไปถ้าสตริงมี ‘,’ มากกว่าหนึ่งตัว ต้องคืนค่า -1สามารถทำได้ง่ายๆ โดยรวม split() และ replace() ดังตัวอย่างด้านล่าง −ตัวอย่างconst a = "250,5"; const roundStr

สมมติเราต้องการแปลงอาร์เรย์ของอาร์เรย์ต่อไปนี้ให้กลายเป็นอาร์เรย์ของออบเจ็กต์ โดยใช้ตัวอักษรภาษาอังกฤษเป็น Keyconst data = [[1, 2, 3, 4], [5, 6, 7, 8], [9, 10, 11, 12]];สามารถทำได้โดยการ Map ผ่านอาร์เรย์จริง และ Reduce อาร์เรəy่อยให้กลายเป็นออบเจ็กต์ ดังตัวอย่างด้านล่าง −ตัวอย่างconst data = [