_isEqual() _isEqual() มาจาก library underscore และ lodash ใช้เปรียบเทียบ JavaScript objects จุดสำคัญ: ไม่สนใจลำดับ properties ตรวจสอบแค่ properties ในสองออบเจ็กต์เท่ากันหรือไม่ ในขณะที่ JSON.stringify() ตรวจสอบลำดับ properties ด้วย ทำให้ _isEqual() ดีกว่า รูปแบบ _.isEqual(object1, object2); รับ 2 อ

มี 2 วิธี ตรวจสอบ elements ในอาร์เรย์ว่าผ่านเงื่อนไขหรือไม่: Array.filter() (JS มาตรฐาน) และ _.filter() (จาก underscore.js library) รูปแบบ _.filter() _.filter(list, conditions); รับ 2 พารามิเตอร์: list (elements) และ conditions (โค้ดเงื่อนไข) ตัวอย่าง _.filter() แสดงตัวคูณของ 3 ด้วย _.filter() รับ

Library underscore.js มี _.compact() ลบ false values ทั้งหมดในอาร์เรย์ ค่า false ได้แก่ NaN, undefined, empty string, false, 0 คืนอาร์เรย์ใหม่ที่ไม่มีค่า false รูปแบบ _.compact(array); รับอาร์เรย์ คืนอาร์เรย์ใหม่ไม่มี false values ตัวอย่างที่ 1 <html> <body> <script type=text/j

_without() เมธอดใน library underscore.js ของ JavaScript รับ 2 พารามิเตอร์ ลบ elements ที่อยู่ใน array ที่ 2 ออกจาก array ที่ 1 ไม่สนใจค่า true/false ตรวจสอบทีละค่า Case sensitive รูปแบบ _.without(array, values); ตัวอย่างที่ 1 ตรวจสอบค่าในพารามิเตอร์ที่ 2 อยู่ในพารามิเตอร์ที่ 1 หรือไม่ ลบค่าที่มี &

JSON.stringify() ไม่ได้แค่ stringify object แต่ยัง ลบ function ที่อยู่ใน object ด้วย ตัวอย่างที่ 1 property designation เป็น function ตอน stringify function ถูกลบ เหลือ properties อื่นๆ <html> <body> <p id=stringify></p> <script> var person = {

JSON.stringify() ไม่ได้แค่ stringify object แต่ยัง ลบ function ที่อยู่ใน object ด้วย เพื่อให้ function ไม่ถูกลบ ต้องแปลงเป็น string ก่อนแล้วค่อย stringify ตัวอย่าง: function ไม่ได้แปลงเป็น string ถูกลบตอน stringify เหลือ properties อื่นๆ ตัวอย่างที่ 1 (Function ถูกลบ) <html> <body>

Re-declaring ตัวแปร ไม่ทำลาย ค่าของตัวแปร จนกว่าจะ assign ค่า ใหม่ เข้าไป ตัวอย่าง: x และ y กำหนดค่า 4 และ 8 แล้ว reassign ค่าใหม่ ค่าเก่าถูกแทนที่ ตัวอย่างที่ 1 (Reassign ค่าใหม่) <html> <body> <script> var x = new Number(4); var x = 7; var y = 8;

การส่งอาร์เรย์เป็น Function Arguments ก่อนหน้านี้ส่งอาร์เรย์เป็น arguments ต้องใช้ apply() และ null ทำให้โค้ด unclean ใช้ spread operator ทำให้สะอาด ไม่ต้องใช้ apply() และ null ตัวอย่างที่ 1 (วิธีเก่า - apply + null) <html> <body> <script> function shareMar(a, b, c) {

หาค่าสูงสุดในอาร์เรย์มี logical methods และ built-in methods แต spread operator ทำให้ง่ายขึ้น Math.max() เป็นวิธีทั่วไป แต่ต้องส่ง arguments ทีละตัว ทำให้ยากกับ array ใหญ่ spread operator แก้ปัญหานี้ ตัวอย่างที่ 1 (ไม่ใช้ Spread) spread ไม่ได้ใช้กับ Math.max() ส่งค่าแต่ละตัวเข้าไป เหมาะกับชุดเล็ก ช

รวมอาร์เรย์ 2 ตัวขึ้นไป มี built-in array.concat() แต่ spread operator ทำได้ง่ายกว่า รูปแบบ var merged = [...arr1, ...arr2]; ลองรวมโดยไม่ใช้ spread operator ตัวอย่างที่ 1: ใช้ array.concat() รวม 2 อาร์เรย์ ตัวอย่างที่ 1 (concat) <html> <body> <script> var arr1 = [1

Floating-point arithmetic ใน JavaScript ไม่แม่นยำ 100% เสมอไป ตัวอย่าง 1/3 = 0.33333... ค่าจะปัดที่จุดไม่ทราบ ถ้าบวกกับทศนิยมอีกตัว จะไม่ได้ผลลัพธ์ที่ต้องการ มี rounding errors แต่ errors เล็กมาก ไม่ส่งผลต่อโค้ดจริงมากนัก ตัวอย่าง: 0.3 + 0.6 ควรเป็น 0.9 แต่เพราะ rounding errors ได้ค่าอื่น ตัวอย่าง

Math.trunc() ต่างจาก Math.floor(), Math.ceil(), Math.round() เมธอด Math.trunc() ตัด fractional part (ส่วนทศนิยม) ทิ้ง คืนค่า integer part (ส่วนจำนวนเต็ม) เท่านั้น ไม่สนใจ rounding ไม่สนใจค่าบวก/ลบ แค่ตัดทศนิยม รูปแบบ Math.trunc(x); รับตัวเลข คืนค่าหลัง truncate ส่วนทศนิยม ตัวอย่าง: Math.trunc() ตั

Generators JavaScript รองรับ Generator functions และ Generator Objects Generator function คล้ายฟังก์ชันทั่วไป แต่ใช้ keyword yield แทน return เมื่อต้องสร้างค่า yield หยุดการทำงานส่งค่ากลับ caller สามารถ resume จากจุดที่หยุดได้ รูปแบบ function* generator(){ yield 1; yield 2; } ตัวอย่าง ใ

เลือก radio button โดย default ต้องตั้ง checked = true ถ้า checked เป็น true จะ autofocus อัตโนมัติ ตัวอย่าง: มี radio buttons เท่านั้น ไม่มีอันไหน autofocus ตัวอย่าง (ไม่มี default) <html> <form id=radiobuttons name=radiobutton> <input id=rad1 value=a type=radio name=

for await...of คำสั่ง for await...of สร้าง loop วนลูปผ่าน async objects และ sync objects เช่น arrays, array-like objects, maps, sets ฯลฯ รูปแบบ for await (variable of iterable) { statement } ตัวอย่างที่ 1 - วน Array ธรรมดาแบบ Async ใช้ for await...of วน array ปกติในรูปแบบ async แสดงตัวเลข 1-

สร้าง undefined holes โดยเพิ่ม element ที่ index สูง โดยเว้น index ต่ำกว่าว่างไว้ index ที่เว้นไว้จะถูกเติมด้วย undefined holes ตัวอย่าง ประกาศ 3 elements แล้วกำหนดค่าที่ index 5 (ซึ่งไม่มีอยู่) index ที่ข้ามไป (3,4) จะกลายเป็น undefined holes <html> <body> <script>

แปลงสตริงเป็น function ใช้เมธอด eval() รับ string เป็นพารามิเตอร์ แปลงเป็นฟังก์ชัน รูปแบบ eval(string); ตัวอย่าง ในสตริง property age กำหนดเป็นฟังก์ชัน ใช้ eval() แปลง property age เป็นฟังก์ชัน แสดงผล <html> <body> <script> var string = {name:Ram, age:function() {return 27;}

การลบค่าซ้ำ (Remove Duplicates) ลบ duplicates ในอาร์เรย์มีหลาย logical methods แต ES6+ มี methods ทำให้ง่าย: Set() และ filter() Set() Set() รับค่า unique values เท่านั้น ลบ duplicates อัตโนมัติ ไม่ต้องใช้ logic เอง ตัวอย่าง <html> <body> <script> var dupNames = [John, Ram, R

ปกติ objects มี methods และ properties ของตัวเอง ใช้ apply() สร้างเมธอดที่เข้าถึง objects หลายตัวรวมกันได้ apply() ทำงานคล้าย call() แต่ต้องส่ง array-like variables ใช้ apply() ตัวอย่าง: เรียกหลาย elements แยกกัน ใช้ call() ไม่ต้อง apply() ตัวอย่างที่ 1 (ใช้ call) <html> <body> &

bind() ต่างจาก apply() ที่คืนค่า value ทันที bind() คืนค่า function ที่สามารถนำไป execute ได้ภายหลัง ตัวอย่าง: apply() คืนค่า value, bind() คืนค่า function ตัวอย่างที่ 1 <html> <body> <script> var obj = {num: 10}; var mul = function(i, j, k){ return this.num *