NaN (Not-a-Number): ผลลัพธ์ของการคำนวณที่ไม่ได้เป็นตัวเลข Infinity: ผลลัพธ์ที่เกินขอบเขตของ Number ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>NaN and Infi

ใช้ Method String.prototype.search() ค้นหาตำแหน่งของ Substring หรือ Regex ใน String คืนค่า Index (0-based) หรือ -1 ถ้าไม่พบ ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 />

JavaScript มีค่าพิเศษ Infinity และ -Infinity แทนค่าที่เกินขอบเขตของ Number ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Infinity Example</title> <

Array.splice() ใช้เพิ่ม ลบ หรือแทนที่ Element ใน Array โดยเปลี่ยน Array ต้นฉบับ (Mutate) และคืนค่า Array ของ Element ที่ถูกลบ ไวยากรณ์ array.splice(startIndex, deleteCount, item1, item2, ...) ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta

ใช้ Constructor new Array() เพื่อสร้าง Array (แต่แนะนำให้ใช้ Array Literal [] แทน) ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Array with new</title>

ใน JavaScript ไม่มี Associative Arrays จริงๆ แต่ใช้ Object แทน โดย Key เป็น String ที่ผู้ใช้กำหนด เอง แทน Index ตัวเลข ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <t

สร้าง Date Object ได้หลายวิธี โดยใช้ Constructor new Date() ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Date Object</title> <style> body

ใช้ Method setDate() เพื่อตั้งค่าวัน (1-31) ของ Date Object ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Set Date Example</title> <style>

Closure คือ ความสามารถของ Inner Function ที่เข้าถึงตัวแปรของ Outer Function ได้ แม้ Outer Function จบการทำงานแล้ว ก็ตาม ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <

ใช้ Method Array.isArray() เพื่อตรวจสอบว่า Object เป็น Array หรือไม่ โดยคืนค่า Boolean (true/false) ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Check if Ar

Rest Operator (...) ช่วยรับ arguments จำนวนไม่จำกัดเป็น Array และใช้ใน Destructuring ได้ Spread Operator (...) ช่วยขยาย Iterable (Array, Object) ให้เป็น Element ตัวเดี่ยว ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content

Unicode Property Escapes ช่วยให้จับคู่อักขระได้โดยอิงจากคุณสมบัติ Unicode โดยใช้ flag u ทำให้จัดการอีโมจิ อักขระพิเศษ และภาษาต่างๆ ได้ง่ายขึ้น ตัวอย่าง ตัวอย่างการดึงเฉพาะอีโมจิจากข้อความ: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewpor

Lookbehind Assertions ช่วยให้จับคู่รูปแบบได้ก็ต่อเมื่อมีรูปแบบที่กำหนดอยู่ก่อนหน้า โดยไม่รวมตัวที่มาก่อนหน้าเข้าไปในผลลัพธ์ ตัวอย่าง ตัวอย่างการดึงราคาโต๊ะที่ขึ้นต้นด้วยเครื่องหมาย $: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport con

ใน JavaScript คุณสามารถจัดกลุ่มส่วนหนึ่งของ Regular Expression ได้โดยการห่อหุ้มอักขระด้วยวงเล็บ ซึ่งช่วยให้สามารถอ้างอิงกลุ่มที่จับคู่ได้ในภายหลัง ตัวอย่าง ตัวอย่างต่อไปนี้แสดงการใช้ Named Capture Groups เพื่อดึงปีจากข้อความ: <!DOCTYPE html> <html lang=en> <head> <meta charse

Promise.finally() เรียก callback function ไม่ว่าจะ promise resolved หรือ rejected ช่วยให้เราทำบางอย่างเมื่อ promise เสร็จสิ้น ไม่ว่าจะสำเร็จหรือล้มเหลวตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport&quo

คุณสมบัติ dotAll คืนค่า true หรือ false ขึ้นอยู่กับว่า flag s ถูกตั้งค่าในนิพจน์ปกติหรือไม่ตัวอย่าง<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"

หมายเหตุ - ต้องรัน localhost server เพื่อทดสอบตัวอย่างนี้ต่อไปนี้เป็นโค้ดสำหรับนำเข้าและส่งออกโมดูล/ไลบรารีใน JavaScriptตัวอย่างINDEX.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="widt

Hoisting (การยกขึ้น) ช่วยให้เราเรียกฟังก์ชันและตัวแปร (ที่ประกาศด้วย var) ก่อนที่จะถูกกำหนด โดยย้ายพวกเขาไปด้านบนสุดของ scope ก่อนเริ่มรันโค้ดตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" conten

ต่อไปนี้เป็นโค้ดสร้างอ็อบเจกต์และเข้าถึงคุณสมบัติใน JavaScriptตัวอย่าง<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document

ต่อไปนี้เป็นโค้ดสำหรับลบคุณสมบัติอ็อบเจกต์ใน JavaScriptตัวอย่าง<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</ti