ใช้ CSS style ซ่อน หรือ แสดง HTML elements ใน JavaScript CSS มี properties block และ none การซ่อน Element ตัวอย่าง กดปุ่ม Hideme ข้อความใน p tag หายไป <html> <body> <p id=hide>Using JavaScript to hide HTML elements.</p> <input type=button onclick=document.getEle

Boolean value ของ undefined คือ false ไม่ใช่แค่ undefined ค่า null, false, NaN, empty string ก็เป็น false เช่นกัน ตัวอย่าง แสดง boolean ของ undefined, false, NaN, empty string บรรทัดแรก 3 บรรทัดสร้าง hole ในอาร์เรย์ (index 4,5 ว่าง) ค่า empty ถูกแทนที่ด้วย undefined Boolean false <html> <b

toString() ไม่ได้ใช้แค่แปลง array เป็น string แต่อย่างน้อยแปลงตัวเลขเป็น base อื่นๆ ได้ (base 2 ถึง base 36) ตัวอย่างที่ 1 ตัวเลข 26 แปลงเป็น base ต่างๆ 2 ถึง 36 <html> <body> <script> var Num = 26; document.write(The number 26 can be converted into + <br> +

ใน JavaScript ควรหลีกเลี่ยงการแปลง numbers เป็น objects เพราะ numbers เปรียบเทียบกับ objects ไม่ได้ และ objects กับ objects ก็เปรียบเทียบไม่ได้ ตัวอย่างที่ 1 - Numbers ธรรมดา ตัวเลข 500 กำหนดให้ x และ y ทั้งคู่ เปรียบเทียบได้ true <html> <body> <script> var x = 500;

Atomics.store() Atomics.store() เป็น built-in method เก็บค่าเฉพาะที่ตำแหน่งเฉพาะในอาร์เรย์ รับ integer typed array, index, value เป็น arguments รูปแบบ Atomics.store(typedArray, index, value); พารามิเตอร์ typed array - shared integer typed array ที่ต้องการแก้ไข index - ตำแหน่งในอาร์เรย์ที่จะเก็บค่

เข้าถึง property ของ object ได้ 2 วิธี: Dot notation (.property) และ Bracket notation [property] รูปแบบที่ 1 - Dot Notation Object.property; รูปแบบที่ 2 - Bracket Notation Object[property]; ตัวอย่าง: object person เข้าถึง properties ด้วย dot notation ตัวอย่าง Dot Notation <html> <body&g

ใน JavaScript arrays ไใช่ true arrays แต่เป็น objects ใช้ typeof() จะได้ object รูปแบบ typeof typeof(operand); รับ operand คืนค่า data type ตัวอย่าง: แม้ a เป็น array typeof คืน object เพราะ array เป็น object ตัวอย่าง typeof <html> <body> <script> var a = [1,2,5,hello];

Array.isArray() เป็น universal method ทำงานได้ทุกที่ ในขณะที่ instanceof operator ไม่ใช่ universal ไม่ทำงานใน environment ใหม่ (เช่น iframe) รูปแบบที่ 1 Array.isArray(array); รูปแบบที่ 2 array instanceof Array; ตัวอย่าง: ในสภาพแวดล้อมปกติ (ไม่มี environment ใหม่) ทั้งสองให้ผลลัพธ์เหมือนกัน ตัวอย

เข้าถึง nested JSON objects เหมือนเข้าถึง nested arrays Nested objects คือ objects ที่อยู่ภายในอีก object ตัวอย่าง: vehicles เป็น object ภายใน main object person ใช้ dot notation เข้าถึง property (car) ของ nested object ตัวอย่างที่ 1 - Nested Object ชั้นเดียว <html> <body> <script&g

แก้ไข property ของ nested object มี 2 วิธี: Dot notation และ Bracket notation ฟังก์ชันเหมือนกัน แตกต่างแค่ notation Dot Notation ตัวอย่าง property country เริ่มเป็น England ใช้ Dot notation เปลี่ยนเป็น India <html> <body> <script> var person = { name: Ram, a

ลบ property ของ object ใช้ keyword delete ใช้ได้กับทั้ง Dot notation และ Bracket notation รูปแบบ delete object.property; ตัวอย่าง property country เริ่มต้นแสดง England หลัง delete แสดง undefined <html> <body> <script> var txt = ; var person = { name: Ram,

แปลงสตริงเป็น date object ใช้เมธอด Date() สร้าง date instance แสดงจุดเวลาเดี่ยวใน platform-independent format ตัวอย่าง สตริง str parse ด้วย JSON.parse() แล้วแปลง DOB เป็น date object ด้วย Date() <html> <body> <script> var str = {name:Ram, DOB:1980-11-1, country:India}; v

ความแตกต่าง: Object.freeze() ป้องกัน mutability แต่ const ไม่ป้องกัน mutability Const Const พฤติกรรมเหมือน let ตัวแปรที่ประกาศด้วย const ไม่สามารถ reassign ได้ เป็น block scoped ไม่ใช่ function scoped อย่าง var ข้อจำกัด: const ไม่ป้องกัน object mutability properties ของ object ยังเปลี่ยนได้แม้ประก

Object.freeze() ทำให้ออบเจ็กต์ immutable แต่กรณี nested object ไม่สามารถป้องกัน mutability ได้ Object.freeze() ให้ immutability แค่ parent object ภายนอก ไม่เข้าถึง child objects (nested) ได้ ตัวอย่างที่ 1 - ไม่มี Nested Object Object.freeze() freeze ทั้งออบเจ็กต์ property name ไม่เปลี่ยนหลัง freeze

การลบ Non-word Characters ลบ non-word characters ใช้ Regular Expressions ตรรกะคือแทนที่ non-word characters ด้วย (ว่าง) ตัวอย่าง สตริงมี non-word characters หลายตัว ระหว่างมีข้อความ Tutorix is the best e-learning platform ใช้ regex แทนที่ non-word ด้วย ได้ข้อความที่ต้องการ <html> <body&g

การ Decode ใน JavaScript decode สตริงใช้เมธอด unescape() รับสตริงที่ encoded ด้วย escape() คืนค่าสตริงที่ decode แล้ว ตัวอักษร hexadecimal จะถูกแทนที่ด้วยตัวอักษรจริง รูปแบบ unescape(string) ตัวอย่างที่ 1 สองเครื่องหมาย ! ถูก encode ด้วย escape() แล้ว decode กลับด้วย unescape() <html> <bo

การ Parse URL Parse URL ใน JavaScript ง่ายด้วย DOM method ไม่ต้องใช้ Regular Expressions ที่ซับซ้อน แค่เรียกฟังก์ชันเดียวคืนค่า parsed URL ตัวอย่าง: สร้างฟังก์ชัน สร้าง anchor tag a ด้วย DOM method กำหนด URL ให้ anchor ด้วย href ฟังก์ชันคืนค่าส่วนต่างๆ ของ URL ที่ parsed แล้ว ใช้ JSON.stringify() แ

รวมสตริงสองตัวต้องใช้ + operator สร้างช่องว่าง แต่ถ้าสตริงตัวแรกมีช่องว่างอยู่แล้ว ไม่ต้องเพิ่มช่องว่างอย่างชัดเจน ตัวอย่าง: str1 มีช่องว่างท้ายแล้ว แค่ concat โดยไม่ต้องเพิ่ม space ตัวอย่างที่ 1 (str1 มีช่องว่าง) <html> <body> <script> function str(str1, str2) {

Backslash (\) สำคัญมากในการแบ่งสตริงใน JavaScript โดยไม่มี backslash เวลาสตริงข้ามบรรทัด JavaScript อ่านไม่ได้ ไม่ได้ผลลัพธ์ ตัวอย่าง: ไม่มี backslash ขณะแบ่งสตริง ไม่มี output แสดง ตัวอย่าง (ไม่มี Backslash) <html> <body> <p id=backslash></p> <script>

Object.is() Object.is() ใช้ตรวจสอบว่าสองค่า เหมือนกัน หรือไม่ สองค่าเหมือนกันเมื่อ: ทั้งคู่เป็น undefined หรือ null ทั้งคู่เป็น true หรือ false สตริงทั้งคู่: ความยาวเท่ากัน, ตัวอักษรเท่ากัน, ลำดับเท่ากัน Polarities (เครื่องหมาย +/-) เท่ากัน ทั้งคู่เป็น NaN และเท่ากัน รูปแบบ Object.is(val1, val2)