เมธอด join() ใช้สำหรับ รวมองค์ประกอบทั้งหมดในอาร์เรย์เป็นสตริงเดียว โดยคั่นด้วยตัวคั่น (separator) ที่ระบุ ไวยากรณ์ (Syntax) array.join([separator]) separator (ตัวเลือก) - สตริงคั่นระหว่างองค์ประกอบ (ค่าเริ่มต้น: , คอมม่า) ตัวอย่างการใช้งาน ตัวอย่างที่ 1: ตรวจสอบว่าเป็นอาร์เรย์และ join <!

เมธอด keys() ใช้สำหรับ คืนค่า Array Iterator object ที่มีดัชนี (keys/index) ของอาร์เรย์ทั้งหมด ไวยากรณ์ (Syntax) array.keys() ตัวอย่างการใช้งาน ตัวอย่างที่ 1: วนลูปดัชนีด้วย for...of <!DOCTYPE html> <html> <body> <h2>รูปแบบรถยนต์ - ดัชนี</h2> <p id=demo><

เมธอด Array.of() ใช้สำหรับ สร้างอินสแตนซ์อาร์เรย์ใหม่ จากค่าที่ส่งเข้ามาเป็นพารามิเตอร์ โดยไม่คำนึงถึงจำนวนหรือชนิดของพารามิเตอร์ ไวยากรณ์ (Syntax) Array.of(element0[, element1[, ...[, elementN]]]) จุดแตกต่างจาก Array Constructor // Array constructor: พฤติกรรมพิเศษเมื่อมีอาร์กิวเมนต์เดียวที่เป็นตั

เมธอด map() ใช้สำหรับ สร้างอาร์เรย์ใหม่ โดยนำแต่ละองค์ประกอบในอาร์เรย์เดิมผ่านฟังก์ชัน callback แล้วเก็บผลลัพธ์ไว้ในอาร์เรย์ใหม่ อาร์เรย์เดิมไม่ถูกเปลี่ยนแปลง ไวยากรณ์ (Syntax) const newArray = arr.map(callback(currentValue[, index[, array]])[, thisArg]) ตัวอย่างการใช้งาน ตัวอย่างที่ 1: ค่าสัมบูร

เมื่อ require(moment) และบандิล์ด้วย Webpack ขนาดไฟล์จะโตมาก เพราะ Moment.js รวมไฟล์ locale ทุกภาษาไว้ด้วย (ประมาณ 60+ locales) วิธีแก้: ใช้ IgnorePlugin const webpack = require(webpack); module.exports = { plugins: [ // ลองทุก locale files ของ moment.js new webpack.IgnorePlugin({

วิธีที่ง่ายที่สุดคือ โคลนอ็อบเจกต์ทั้งหมดก่อน แล้วค่อยลบคีย์ที่ไม่ต้องการ การโคลนมี 2 ประเภทหลัก: 1. Shallow Clone (โคลนตื้น) คัดลอกโครงสร้างระดับบนสุดเท่านั้น อ็อบเจกต์/อาร์เรย์ซ้อนใน (nested) จะเป็น reference เดียวกัน let innerObj = { a: b, c: d }; let obj = { x: test, y: innerObj }; // Shallow

เมื่อแอปพลิเคชัน Express รับคำขอ HTTP จะสร้างอ็อบเจกต์ res (Response) ให้เพื่อส่งตอบกลับไคลเอนต์ { // ใช้ req และ res ที่นี่ }); res.send() ตั้งค่า Content-Type: text/html (ค่าเริ่มต้น) ไคลเอนต์จะถือว่าเป็นข้อความ/HTML รองรับหลายชนิดข้อมูล: String, Buffer, Object, Array (จะทำ JSON.string

ทั้ง new Object() และ Object Literal {} ทำหน้าที่เดียวกันคือ สร้างอ็อบเจกต์ใหม่ แต่มีความแตกต่างเล็กน้อยในการเพิ่มคุณสมบัติ (properties) การสร้างอ็อบเจกต์พื้นฐาน 1. Object Literal (แนะนำ) // สร้างพร้อม properties let a = { name: Ayush }; 2. Constructor new Object() // สร้างก่อน แล้วค่อยเพิ่ม pr

เมธอด find() ใช้สำหรับ คืนค่าองค์ประกอบแรก ในอาร์เรย์ที่ทำให้ฟังก์ชันทดสอบ (callback) คืนค่า true หากไม่พบจะคืนค่า undefined ไวยากรณ์ (Syntax) array.find(callback(element[, index[, array]])[, thisArg]) ตัวอย่างการใช้งาน ตัวอย่างที่ 1: หาคะแนนแรกที่มากกว่า 400 400; } function display

เมธอด fill() ใช้สำหรับ เติมค่าคงที่ (static value) ให้กับองค์ประกอบในอาร์เรย์ ภายในช่วงดัชนีที่ระบุ อาร์เรย์เดิมจะถูกแก้ไขโดยตรง (mutate) ไวยากรณ์ (Syntax) array.fill(value[, start[, end]]) value - ค่าที่จะเติม start (ตัวเลือก) - ดัชนีเริ่มต้น (ค่าเริ่มต้น: 0) end (ตัวเลือก) - ดัชนีสิ้นสุด

เมธอด findIndex() ใช้สำหรับ คืนค่าดัชนี (index) ขององค์ประกอบแรก ในอาร์เรย์ที่ทำให้ฟังก์ชันทดสอบ (callback) คืนค่า true หากไม่พบจะคืนค่า -1 ไวยากรณ์ (Syntax) array.findIndex(callback(element[, index[, array]])[, thisArg]) ตัวอย่างการใช้งาน ตัวอย่างที่ 1: ค้นหาดัชนีของคะแนนสูงสุด = 400; }

เมธอด Array.from() ใช้สำหรับ สร้างอินสแตนซ์อาร์เรย์ใหม่ จากอ็อบเจกต์ที่มีคุณสมบัติ length หรืออ็อบเจกต์ที่เป็น Iterable (เช่น Map, Set, String, arguments, NodeList) ไวยากรณ์ (Syntax) Array.from(arrayLike[, mapFn[, thisArg]]) arrayLike - อ็อบเจกต์ที่ต้องการแปลงเป็นอาร์เรย์ mapFn (ตัวเลือก) - ฟ

เมธอด reverse() ของ JavaScript ใช้สำหรับ กลับลำดับองค์ประกอบในอาร์เรย์ องค์ประกอบตัวแรกจะกลายเป็นตัวสุดท้าย และตัวสุดท้ายกลายเป็นตัวแรก ไวยากรณ์ (Syntax) array.reverse() ตัวอย่างการใช้งาน ตัวอย่างที่ 1: การใช้งานพื้นฐาน <!DOCTYPE html> <html> <body> <h2>ตัวอย่าง reverse(

เมธอด shift() ของ JavaScript ใช้สำหรับ นำองค์ประกอบแรกออกจากอาร์เรย์ และคืนค่าองค์ประกอบที่ถูกนำออก อาร์เรย์เดิมจะถูกแก้ไขโดยตรง (mutate) และความยาวลดลง 1 ไวยากรณ์ (Syntax) array.shift() ตัวอย่างการใช้งาน ตัวอย่างที่ 1: การใช้งานพื้นฐาน <!DOCTYPE html> <html> <body> <h2>

ภาษา ECMAScript/JavaScript จะยก (hoist) ตัวแปรที่ประกาศด้วย var ไปอยู่ด้านบนสุดของฟังก์ชันเสมอ เนื่องจากภาษานี้มี Function Scope ไม่มี Block Scope เหมือนภาษา C-like อื่นๆ ตัวอย่างการ Hoisting ของ var function() { for(var a = 0; a < 7; a ++) { var b = 100; } } โค้ดด้านบนเทียบเท่ากับ: fun

คุณสามารถโหลดภาพล่วงหน้า (prefetch) ด้วย JavaScript โดยใช้วิธีการต่อไปนี้: function preloadImage(url) { let img = new Image(); img.src = url; return img; } ข้อสังเกตสำคัญ: บราวเซอร์ทุกตัวจะปล่อย (garbage collect) อ็อบเจกต์ภาพหลังจากผ่านไปสักครู่ หากคุณไม่ได้นำไปใช้งาน ทำให้การโหลดล่วงหน้ามีป

คุณไม่สามารถใช้ break เพื่อออกจากเมธอด each ได้ เนื่องจากมันเลียนแบบพฤติกรรมของ forEach แบบเนทีฟซึ่งไม่มีกลไกให้หลุดพ้นจากลูป (นอกจากการโยนข้อยกเว้น) ทางเลือกที่ใช้แทนได้ 1. ใช้ _.find เมธอด _.find จะหยุดลูปทันทีเมื่อพบเงื่อนไขที่ต้องการ ตัวอย่างเช่น: _.find([1, 2, 3, 4], (element) => { // ตร

คุณสามารถสร้าง Countdown Timer ใน JavaScript โดยใช้เมธอด setInterval เมธอด setInterval() จะเรียกฟังก์ชันหรือรันโค้ดซ้ำๆ ด้วยเวลาล่าช้าคงที่ระหว่างแต่ละครั้งเพื่อสร้าง Countdown เราต้องตรวจสอบความต่างระหว่างเวลาปัจจุบันและเวลาสุดท้าย และอัปเดต Countdown ตลอดเวลา ตัวอย่างเช่นตัวอย่างlet countDownDate

มีหลายเหตุผลที่ทำให้ Ember เป็นหนึ่งใน Top JavaScript Web Development Frameworks บางเหตุผลคือต้องเขียนโค้ดน้อยมากเพราะมี Templating Solution ในตัวสถาปัตยกรรมที่ Opinionated ของ Ember ป้องกันการเสียเวลากับการตัดสินใจที่ไม่สำคัญAPIs ที่เป็นมิตร ทำให้การพัฒนาแอปมีประสิทธิภาพและ Developer FriendlyComple

Associative Arrays ของ JavaScript ไม่ใช่อะไรนอกจาก JavaScript Object Literals คุณสามารถเพิ่ม Keys ให้ Objects นี้ได้แบบไดนามิกหาก Key เป็น String โดยใช้ Square Brackets Notation ตัวอย่างเช่นตัวอย่างlet a = {    name: Ayush }; let key = age; // เพิ่ม Key ที่ยังไม่มี a[key] = 35; console.log