บางครั้งคุณมีคำสั่งและ Logs มากมายใน Browser Console และต้องการล้างมัน มีหลายวิธีใน Chromeใช้เมธอด console.clear() เมธอดนี้ล้าง Console และแสดงข้อความ console was clearedใช้ Shortcut Ctrl + L เพื่อล้าง Consoleใช้ปุ่ม Clear Log ที่มุมซ้ายบนของ Chrome DevTools Consoleบน MacOS ใช้ Command + K

JavaScript ไม่มีวิธีโดยตรงสำหรับสิ่งนี้ สำหรับเรื่องนี้ เราสามารถใช้เมธอด slice เมธอด slice จะดึงส่วนหนึ่งของสตริงและคืนค่าสตริงใหม่เพื่อแทรกสตริงที่ตำแหน่ง x ของอีกสตริงหนึ่ง เราสามารถเขียนฟังก์ชันได้ดังนี้ตัวอย่างfunction insertAtX(str1, str2, x) {    return `${str1.slice(0, x)}${str2}${

รูปแบบที่ดีที่สุดสำหรับแสดง Date คือ yyyy-mm-dd เพราะไม่ทำให้สับสนและตรงไปตรงมา ในการ parse วันที่จากรูปแบบสตริงนี้เป็น Date Objects ใน JS ทั้งที่คุณต้องทำคือส่งสตริงนี้เข้า Constructor ของ Date ตัวอย่างเช่นตัวอย่างlet a = 2019-08-10; console.log(new Date(a))ผลลัพธ์จะได้ผลลัพธ์ดังนี้Sat Aug 10 2019

อาร์เรย์สามารถเปรียบเทียบได้ 2 แบบอ้างอิงถึงออบเจ็กต์อาร์เรย์เดียวกันในหน่วยความจำอาจอ้างอิงถึงออบเจ็กต์ต่างกันแต่เนื้อหาเท่ากันทุกอย่างสำหรับกรณีที่ 1 Jasmine มีเมธอด toBe สำหรับตรวจสอบ Reference ตัวอย่างเช่นตัวอย่างdescribe(Array Equality, () => {    it(should check for array referenc

มีหลายวิธีในการเพิ่มหลาย Objects เข้า Array เดียวใน JavaScript ลองดูบางวิธีกันpush()เพื่อเพิ่มหลาย Objects ที่ท้าย Array ให้เรียก push ซ้ำๆ ตัวอย่างเช่นตัวอย่างlet arr = []; arr.push(1); arr.push(2); console.log(arr);ผลลัพธ์จะได้ผลลัพธ์ดังนี้[1, 2]unshift()เพื่อเพิ่มหลาย Objects ที่หัว Array ให้เรีย

เพื่อตรวจสอบเวอร์ชันเบราว์เซอร์บนเครื่อง Client สคริปต์ของคุณสามารถวิเคราะห์ค่าของ navigator.appVersion หรือ navigator.userAgent ได้ตัวอย่างconsole.log(navigator.appVersion)ผลลัพธ์จะได้ผลลัพธ์ตามเบราว์เซอร์และเวอร์ชันของคุณMozilla/5.0 (Macintosh; Intel Mac OS X 10_14_4) AppleWebKit/537.36 (KHTML, li

Sentry เป็นชุดเครื่องมือ Debugging และ Monitoring สำหรับ JavaScript ที่ครบครัน ช่วยให้คุณติดตามโค้ด Production ได้ ฟีเจอร์บางอย่างของ Sentry ได้แก่บันทึก Environment และรายละเอียดการใช้งานเพื่อ Reproduce และแก้ Bugดู Error และ Stack Trace ที่ก่อนหน้านี้มองเห็นได้เฉพาะใน Debug Console ของ UserApply S

ตามเอกสาร MDNออบเจ็กต์ Map เก็บคู่ Key-Value และจำลำดับการแทรกของ Keys ไว้ ค่าใดๆ (ทั้ง Objects และ Primitive Values) สามารถใช้เป็น Key หรือ Value ได้สิ่งสำคัญคือ Objects สามารถใช้เป็น Keys ใน Maps ได้ ซึ่ง JavaScript Objects ทำไม่ได้ JS Objects อนุญาตให้ใช้เฉพาะ Primitives เป็น Keys เท่านั้นฟีเจอร์

ตามเอกสาร MDNออบเจ็กต์ Map เก็บคู่ Key-Value และจำลำดับการแทรกของ Keys ไว้ ค่าใดๆ (ทั้ง Objects และ Primitive Values) สามารถใช้เป็น Key หรือ Value ได้สิ่งสำคัญคือ Objects สามารถใช้เป็น Keys ใน Maps ได้ ซึ่ง JavaScript Objects ทำไม่ได้ JS Objects อนุญาตให้ใช้เฉพาะ Primitives เป็น Keys เท่านั้นฟีเจอร์

JavaScript มีฟังก์ชัน toUpperCase และ toLowerCase บน Prototype ของ String Object ที่อนุญาตให้แปลงสตริงเป็นตัวพิมพ์ใหญ่และตัวพิมพ์เล็กด้วย Vanilla JavaScripttoUpperCaseตัวอย่างlet str = Hello World let upper = str.toUpperCase() console.log(upper)ผลลัพธ์จะได้ผลลัพธ์ดังนี้HELLO WORLDtoLowerCaseตัวอย่าง

JavaScript มีฟังก์ชัน toUpperCase และ toLowerCase บน Prototype ของ String Object ที่อนุญาตให้แปลงสตริงเป็นตัวพิมพ์ใหญ่และตัวพิมพ์เล็กด้วย Vanilla JavaScripttoUpperCaseตัวอย่างlet str = Hello World let upper = str.toUpperCase() console.log(upper)ผลลัพธ์จะได้ผลลัพธ์ดังนี้HELLO WORLDtoLowerCaseตัวอย่าง

เพื่อเพิ่ม Class ให้ DOM Element คุณต้องหา Element นั้นก่อนด้วย querySelector เช่น querySelector, getElementById ฯลฯ จากนั้นจึงเพิ่ม Class ตัวอย่างเช่น หากคุณมี HTML ดังนี้ตัวอย่าง<!DOCTYPE html> <html>    <head></head>    <body>      

เพื่อเพิ่ม Class ให้ DOM Element คุณต้องหา Element นั้นก่อนด้วย querySelector เช่น querySelector, getElementById ฯลฯ จากนั้นจึงเพิ่ม Class ตัวอย่างเช่น หากคุณมี HTML ดังนี้ตัวอย่าง<!DOCTYPE html> <html>    <head></head>    <body>      

เพื่อหาจำนวน Keys ใน JSON Object ใน JavaScript คุณสามารถใช้วิธีใดวิธีหนึ่งจาก 2 วิธีนี้ใช้ Object.keys()เมธอด Object.keys() คืนค่าอาร์เรย์ของชื่อ Properties ที่เป็นของตัวเอง (own enumerable properties) ของออบเจ็กต์ที่กำหนด ในลำดับเดียวกับการวนลูปปกติตัวอย่างlet a = {    name: John,  

เพื่อทดสอบว่าตัวอักษรในสตริงเป็นตัวพิมพ์ใหญ่หรือเล็กใน JavaScript คุณสามารถแปลงตัวอักษรนั้นเป็นตัวพิมพ์ใหญ่หรือเล็กแล้วดูผลลัพธ์ตัวอย่างfunction checkCase(ch) {    if (!isNaN(ch * 1)){       return ch is numeric;    }     else {       if (c

คุณสามารถเปรียบเทียบสตริงกับตัวมันเองที่แปลงเป็นตัวพิมพ์ใหญ่เพื่อตรวจสอบว่ามันเป็นตัวพิมพ์ใหญ่ทั้งหมดหรือไม่ตัวอย่างfunction isUpperCase(str) {    return str === str.toUpperCase(); } console.log(isUpperCase(a)) console.log(isUpperCase(A)) console.log(isUpperCase(ASDF 123 asd)) console.log(

JSON ย่อมาจาก JavaScript Object Notation JS มีการรองรับ built-in ผ่านออบเจ็กต์ JSON เพื่อ parse สตริง JSON ให้เป็น JS Objectsตัวอย่างคุณสามารถใช้ได้ดังนี้const json = {"result":true, "count":42}; // Parse the object const obj = JSON.parse(json); console.log(obj.count); console.lo

JavaScript เดิมเป็น Single-threaded มันทำงานด้วยสิ่งที่เรียกว่า Event LoopEvent Loop มีหน้าที่ง่ายๆ คือ ตรวจสอบ Call Stack และ Callback Queue หาก Call Stack ว่าง จะนำ Event แรกจาก Queue เข้า Call Stack ซึ่งทำให้มันรันJS ในเบราว์เซอร์ไม่รองรับ Multithreading ใน Event Loop เพราะไม่จำเป็นสำหรับ 99.999%

pluck ถูกลบออกจาก lodash v4 เพราะมันทำงานเหมือนกับ map ทุกประการในการแทนที่ สามารถใช้ฟังก์ชัน map ได้ดังนี้ตัวอย่างimport _ from lodash const objects = [{ a: 1 }, { a: 2 }]; console.log(_.map(objects, a))จะได้ผลลัพธ์ดังนี้ผลลัพธ์[1, 2]

pluck ถูกลบออกจาก lodash v4 เพราะมันทำงานเหมือนกับ map ทุกประการในการแทนที่ สามารถใช้ฟังก์ชัน map ได้ดังนี้ตัวอย่างimport _ from lodash const objects = [{ a: 1 }, { a: 2 }]; console.log(_.map(objects, a))ผลลัพธ์จะได้ผลลัพธ์ดังนี้[1, 2]