String.slice() ดึงส่วนย่อยของ String ส่งคืน String ใหม่ ไม่เปลี่ยน String ต้นฉบับ (Immutable) ไวยากรณ์ string.slice(startIndex[, endIndex]) พารามิเตอร์: startIndex - เริ่มดึงที่ Index นี้ (รวม) ถ้าเป็นลบ นับจากท้าย endIndex - หยุดดึงก่อน Index นี้ (ไม่รวม) ถ้าลบ นับจากท้าย ถ้าอมิต ดึงจนจบ ต

Math.ceil() vs Math.round() Math.ceil() - ปัดขึ้น (Ceiling) ปัดขึ้นเป็นจำนวนเต็มที่ มากกว่าหรือเท่ากับ ค่าเดิมเสมอ <script> document.write(Math.ceil(5.34)); // 6 document.write(Math.ceil(5.00)); // 5 document.write(Math.ceil(-5.34)); // -5 (ขึ้น = ใกล้ศูนย์) </script> Math.roun

Array.entries() ส่งคืน Iterator Object ที่มีคู่ [index, value] สำหรับทุก Index ใน Array ใช้กับ for...of หรือ Array.from() ไวยากรณ์ array.entries() ตัวอย่าง <html> <body> <script> var elements = [Helium, Neon, Krypton, Xenon, Radon]; var iterator = elements.entries(); for

String.charAt() ส่งคืน ตัวอักษรเดี่ยว ที่ตำแหน่ง (Index) ที่ระบุ Index เริ่มจาก 0 หาก Index ไม่ถูกต้อง คืน Empty String ไวยากรณ์ string.charAt(index) ตัวอย่าง 1 <html> <body> <p id="demo"></p> <script> var str = TUTORIALSPOINT AND TUTORIX; var result =

หาค่าต่ำสุดของ Array วิธี 1: Math.min() + Spread Operator (แนะนำ) <script> const arr = [6, 39, 55, 1, 44]; const min = Math.min(...arr); document.write(min); // 1 </script> วิธี 2: Math.min.apply() (รุ่นเก่า) <script> function minimum(value) { if (!Array.isArray(value

JavaScript Object และการเข้าถึง Property ใน JavaScript ทุกอย่างเกือบจะเป็น Object (Functions, Arrays, Dates, Regex ฯลฯ) เข้าถึง Property ได้ 2 วิธี 1. Dot Notation (.) obj.propertyName 2. Bracket Notation ([]) obj[propertyName] obj[variableWithKeyName] ตัวอย่าง 1: เข้าถึง Nested Property <scri

JSON.stringify() แปลง JavaScript Object/Array ให้กลายเป็น JSON String ใช้เมื่อส่งข้อมูลไป Server (API Request) หรือเก็บใน localStorage ไวยากรณ์ JSON.stringify(value[, replacer[, space]]) ตัวอย่าง 1: Object พื้นฐาน <html> <body> <p id="demo"></p> <script> v

NumberLong ใน MongoDB Shell MongoDB ใช้ NumberLong สำหรับจำนวนเต็ม 64-bit (8-byte) เพราะ JavaScript Number เป็น 53-bit เท่านั้น (IEEE 754) ไวยากรณ์ var variableName = { "fieldName": NumberLong("value") }; ตัวอย่าง > var userDetail = { "userId": NumberLong("986

JSON.parse() แปลง JSON String ให้กลายเป็น JavaScript Object/Array ใช้เมื่อรับข้อมูลจาก Server (API Response) ไวยากรณ์ JSON.parse(text[, reviver]) ตัวอย่าง <html> <body> <script> var jsonString = {"name":"Jon", "age":20, "city":"Colum

Array.forEach() วนลูปทำงานกับ ทุกสมาชิก ใน Array เรียงลำดับ ไม่คืนค่า (Return undefined) ใช้สำหรับ Side Effects (แสดงผล, บันทึก, API Call) ไวยากรณ์ arr.forEach(callback(currentValue[, index[, array]])[, thisArg]) ตัวอย่าง 1: แสดงค่าทุกตัว <html> <body> <p id="demo"><

Array.filter() สร้าง Array ใหม่ที่มีเฉพาะสมาชิกที่ ผ่านเงื่อนไข (Return true) ไม่ Mutate Array ต้นฉบับ ไวยากรณ์ arr.filter(callback(element[, index[, array]])[, thisArg]) ตัวอย่าง 1: กรองเงินเดือน ≥ 19000 = 19000; } document.getElementById("demo").innerHTML = salary.filter(checkSa

Array.reduce() ลด Array ลงเหลือ ค่าเดียว โดยประมวลผลจาก ซ้ายไปขวา (Left-to-Right) ใช้สำหรับ Sum, Product, Flatten, Grouping, และอื่นๆ ไวยากรณ์ arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue]) ตัวอย่าง: หาผลรวม acc + curr; document.write(array.reduce(sum)); // 10

Array.reduceRight() เหมือน reduce() แต่ประมวลผลจาก ขวาไปซ้าย (Right-to-Left) รวมสมาชิกทั้งหมดเป็นค่าเดียว ไวยากรณ์ arr.reduceRight(callback(accumulator, currentValue[, index[, array]])[, initialValue]) ตัวอย่าง: รวม Nested Arrays จากขวาไปซ้าย prev.concat(curr)); document.write(result); // 9,10,

Array.every() ทดสอบว่า ทุกสมาชิก ใน Array ผ่านเงื่อนไขที่กำหนดหรือไม่ คืน true ถ้าทุกตัวผ่าน, false ถ้ามีอย่างน้อย 1 ตัวไม่ผ่าน (Short-circuit) ไวยากรณ์ arr.every(callback(element[, index[, array]])[, thisArg]) ตัวอย่าง = 10000; } document.getElementById("demo1").innerHTML = wages

JavaScript Syntax พื้นฐาน โค้ด JavaScript ต้องอยู่ภายใน <script> tag สามารถวางได้ใน Head, Body หรือไฟล์ภายนอก โค้ดสาธิต <html> <body> <p>This example writes "JavaScript is not Java" into an HTML element with id="demo"</p> <p id="demo&quo

HTML <script> Tag ใช้ครอบโค้ด JavaScript ฝั่ง Client-side สามารถวางได้ 3 ตำแหน่ง: ใน <head> - โหลดก่อน Body (อาจ Block Rendering) ใน <body> - แนะนำ วางก่อน </body> เพื่อไม่ Block Rendering External File - <script src="app.js"></script> (แนะนำมากท

Arithmetic Operators (ตัวดำเนินการเลขคณิต) ตัวดำเนินการพื้นฐาน Operatorชื่อตัวอย่างผลลัพธ์ +Addition5 + 38 -Subtraction5 - 32 *Multiplication5 * 315 /Division6 / 32 %Modulus (Remainder)5 % 32 **Exponentiation (ES2016)2 ** 38 ++Incrementx++ / ++x+1 --Decrementx-- / --x-1 ตัวอย่า

Bitwise Operators: AND (&), OR (|), XOR (^) ทำงานระดับบิต (Bit Level) บนจำนวนเต็ม 32-bit 1. Bitwise AND (&) คืน 1 ก็ต่อเมื่อ ทั้งสองบิตเป็น 1 <script> document.write(13 & 1); // 1 </script> คำอธิบาย: 13 = 1101, 1 = 0001 → 1101 & 0001 = 0001 = 1 2. Bitwise OR (|) คืน 1

Bitwise Operators (ตัวดำเนินการระดับบิต) 1. Bitwise NOT (~) กลับบิตทุกตัว (Ones Complement) ~x = -x - 1 <script> document.write(~13); // -14 </script> คำอธิบาย: 13 = 00001101 (8-bit) → NOT → 11110010 = -14 (Twos Complement) 2. Left Shift (<<) เลื่อนบิตไปซ้าย เติม 0 ด้านขวา x &l

คำนวณกำลังสามของทุกสมาชิกใน Array ใช้ Loop เข้าถึงแต่ละ Index แล้วนำค่าไปยกกำลัง 3 แทนที่ค่าเดิม ขั้นตอน ประกาศ Array: var a = [1, 2, 3, 4, 5]; Loop ทุก Index: for (var i = 0; i < a.length; i++) คำนวณกำลัง 3 และแทนค่า: a[i] = a[i] * a[i] * a[i]; ตัวอย่าง <html> <body> <sc