Deep Copy ของ Object จะ Duplicate ทุก Object ที่พบภายใน Object ที่ต้องการ Copy Copy และ Original จะไม่ Share อะไรเลย จึงเป็น Copy จริงของ Original วิธีง่ายที่สุดคือแปลง Object เป็น JSON String แล้วแปลงกลับเป็น JS Object แต่วิธีนี้ไม่ Copy Methods ได้ ตัวอย่าง let obj = {    foo: 1,  

Event Bubbling คือลำดับที่ Event Handlers ถูกเรียกเมื่อ Element หนึ่ง Nested อยู่ใน Element อีกตัว และทั้งคู่ Register Listener สำหรับ Event เดียวกัน (เช่น Click) ด้วย Bubbling Event ถูก Capture และ Handle โดย Innermost Element ก่อน แล้ว Propagate ไป Outer Elements ด้วย Capturing Event ถูก Capture

JavaScript Specification ไม่ระบุอัลกอริทึมเฉพาะสำหรับ Array.sort Implementation 留给 Implementor 决定 ดังนั้น JS Engines ต่างๆ ใช้อัลกอริทึมต่างกัน Mozilla (Spider Monkey JS Engine) ใช้ Merge Sort โค้ด C ใน Mozilla Repository: https://dxr.mozilla.org/seamonkey/source/js/src/jsarray.c WebKit (Chrome, S

ตาม MDN Arrow Function Expression เป็น Syntactically Compact Alternative ของ Regular Function Expression แต่ไม่มี Bindings ของ this, arguments, super, new.target เอง Arrow Functions ไม่เหมาะเป็น Methods และไม่สามารถใช้เป็น Constructors ได้ มี 3 ความแตกต่างที่ละเอียดระหว่าง Regular และ Arrow Functio

เพื่อ แปลง (Convert) String เป็น Integer ใช้ฟังก์ชัน parseInt() ใน JavaScript parseInt() คืนค่า NaN (Not a Number) เมื่อ String ไม่มีตัวเลข หากส่ง String ที่มีตัวเลข จะคืนตัวเลขนั้นเป็น Output ฟังก์ชันนี้ไม่รับ Spaces หากส่งตัวเลขที่มี Space จะคืนส่วนก่อน Space เป็น Output Syntax parseInt(value); ฟ

เราสามารถเข้าถึง Existing Object ได้โดยสร้าง Prototype ของตัวมันเองด้วยเมธอด JavaScript ชื่อ Object.create() ใช้เมธอดนี้สืบทอด Properties จาก Existing Object ไปยัง Prototype ที่สร้างใหม่ มาดูรายละเอียดกัน Syntax Object.create(existing obj); เมธอดนี้รับ Existing Object และสร้าง Prototype ของตัวเอง เ

ในส่วนใหญ่ ควรใช้ for Loop ธรรมดา แทน for...in Loop เพราะ for...in คืนค่า Indexes และไม่สนใจ Leftover Indexes ในขณะที่ for Loop ธรรมดาแสดง Values และใน Leftover Indexes จะมีค่า undefined เพื่อไม่ให้ Developer 混淆 Syntax-1 for (var x in array) { // code }; Syntax สำหรับ for...in Loop Syntax-2 for ()

\w vs \W มีความแตกต่างมากระหว่าง \w และ \W ใน JavaScript โดยตัวแรกจับ Word Characters เช่น Alphanumerics ตัวหลังจับ Non-word Characters เช่น &, ^, %, เป็นต้น มาดูรายละเอียดกัน Syntax-1 new RegExp(\\w, g); Syntax สำหรับหา Word Characters ใน JavaScript Syntax-2 new RegExp(\\W, g); Syntax สำหรับห

\d vs \D มีความแตกต่างมากระหว่าง \d และ \D โดยตัวแรกคืนค่า Digits (ตัวเลข) ตัวหลังคืนค่า Non-digits (ไม่ใช่ตัวเลข) เช่น e, ^, เป็นต้น ใช้ร่วมกับ Global Object g เพื่อแสดง Digits และ Non-digits ทั้งหมดใน Text มาดูรายละเอียดกัน Syntax-1 new RegExp(\\d, g); Syntax-2 new RegExp(\\D, g) ตัวอย่างที่ 1

Regular Functions vs Arrow Functions Arrow Function ใช้เขียนโค้ดให้กระชับ ทั้งสอง Functions Regular และ Arrow ทำงานคล้ายกันแต่มีความแตกต่างบ้าง มาดูรายละเอียดกัน Syntax ของ Arrow Function let x = (params) => { // code }; Syntax ของ Regular Function let x = function functionname(params){ // code

ใน HTML Form ธรรมดา Form Elements เก็บค่าไว้ภายในและ Submit เมื่อกดปุ่ม Submit ตัวอย่าง <!DOCTYPE html> <html> <head> <title>Form Example</title> </head> <body> <form>    <label>       User Name:       <

JavaScript เป็นภาษา Pass by Value แต่สำหรับ Objects ค่าคือ Reference ของมัน ตัวอย่าง: ส่ง int ให้ Function เป็น Parameter และเพิ่มค่าใน Function ค่าไม่เปลี่ยนใน Caller Context ตัวอย่าง let i = 0; function increment(x) {    x = x + 1    console.log(x) } increment(i) console.log(i

Merge Sort เป็นเทคนิคการเรียงลำดับแบบ Divide and Conquer มี Worst-case Time Complexity เป็น O(n log n) แต่ต้องใช้พื้นที่เพิ่ม O(n) Memory Implementation: สร้าง 2 Functions คือ mergeSort และ merge merge - รับ 2 Arguments คือ 2 Partial Arrays รวมกันเป็น Array เดียวโดย Insert Elements เรียงลำดับ merge

O Radix Sort Algorithm แจกแจง Integers เข้า Buckets ตาม Significant Digit หรือ Value ของตัวเลข (The Radix) Radix ขึ้นอยู่กับ Number System ของค่าใน Arrays มาดู Implementation กัน ตัวอย่าง function radixSort(arr) {    // Find the max number and multiply it by 10 to get a number   &nbs

เพื่อดึง First และ Last Child Nodes ของ Node เฉพาะ JavaScript มี firstChild และ lastChild Methods ตามลำดับ มาดูรายละเอียดกัน FirstChild Syntax node.firstChild; ตัวอย่าง ในตัวอย่างนี้ มี 3 Elements ใน List Node ใช้ Method firstChild หา Element แรก และแสดงผลลัพธ์ <html> <body> <ul id

getElementById getElementById() เป็น DOM Method คืนค่า Element ที่มี ID Attribute ตรงกับค่าที่ระบุ เป็นหนึ่งใน Method มากที่สุดใน HTML DOM ใช้เกือบทุกครั้งที่ต้องการจัดการ Element ใน Document เมธอดนี้คืนค่า Null หากไม่มี Element ด้วย ID ที่ระบุ ID ควร Unique ภายในหน้า แต่หากมีหลาย Element ด้วย ID เด

JavaScript Arrays เป็น 0-indexed หมายถึง Element แรกอยู่ตำแหน่ง 0 Element สุดท้ายอยู่ตำแหน่ง Length-of-Array - 1 เข้าถึงได้ด้วย ตัวอย่าง arr[0] // First element arr[arr.length - 1] // last element For example, let arr = [1, test, {}, hello] console.log(arr[0]) console.log(arr[arr.length - 1]) ผลลัพ

Array เป็นกลุ่มของ Elements แต่ละ Element มี Index Value ของตัวเอง สามารถเข้าถึง Element ใดๆ ได้ด้วย Indexes แต่กรณี Last Element ไม่รู้ Index จนกว่าจะรู้จำนวน Elements ใน Array ต้องใช้ Logic มาดูรายละเอียดกัน การเข้าถึง Element แรก เนื่องจากรู้ Index ของ Element แรก เข้าถึงค่าได้ง่าย ให้ Array เป็

weakMap.has() เมธอดนี้ใช้ตรวจสอบว่า Element มีอยู่ใน WeakMap หรือไม่ คืนค่า Boolean บ่งบอกว่า Element ด้วย Key ที่ระบุ มีอยู่ใน WeakMap Object หรือไม่ หากมีจะได้ True มิฉะนั้น False Syntax weakMap.has(obj); รับ Object เป็น Parameter ตรวจสอบว่ามีอยู่หรือไม่ และคืนค่า Boolean ตามการมีอยู่ของ Object

เพื่อเข้าถึงตัวเลขจาก ตำแหน่งคู่ (Even Places) แทนที่จะ Loop ผ่านตัวเลข ให้ Loop ผ่าน ตำแหน่ง (Indexes) หาก Loop ผ่านตัวเลข จะเข้าถึงเลขคู่แทนที่จะเป็น Elements ในตำแหน่งคู่ ตัวอย่าง ในตัวอย่างนี้ ใช้ For-Loop Loop ผ่านทุกตำแหน่ง และ Empty String ใช้เข้าถึง ค่าตำแหน่งคู่ Conditional Statement if ตร