Object.values() คืนค่าอาร์เรย์ของค่าพร็อพเพอร์ตี้ที่ enumerable ของออบเจ็กต์ ไวยากรณ์ Object.values(obj); ตัวอย่างที่ 1 <html> <body> <script> var obj = {one:1,two: 2,three: 3}; document.write(Array.isArray(Object.values(obj))); document.write(<br>); doc

Map เก็บข้อมูลเป็นคู่ key-value ใช้ map.clear() ลบทุกคู่ key-value ทำให้ Map ว่างเปล่า ไวยากรณ์ map.clear(); ตัวอย่างที่ 1: Map 2 รายการ <html> <body> <script> var myMap = new Map(); myMap.set(0, Tutorialspoint); myMap.set(1, Tutorix); document.write(myMap.siz

screen.colorDepth และ screen.pixelDepth ให้ข้อมูลความลึกสีและพิกเซลของหน้าจอ (บิตต่อพิกเซล) Color Depth จำนวนบิตที่ใช้แสดงสีหนึ่งสี คอมพิวเตอร์สมัยใหม่ใช้ 24 หรือ 32 บิต <html> <body> <p id=depth></p> <script> document.getElementById(depth).innerHTML = Screen co

window object แทนหน้าต่างเบราว์เซอร์ มีพร็อพเพอร์ตี้ window.innerWidth และ window.innerHeight ให้ขนาดพื้นที่แสดงเนื้อหา (viewport) ในพิกเซล Inner Width <html> <body> <p id=width></p> <script> var w = window.innerWidth; var x = document.getElementById(width)

Date.parse() แปลงวันที่เป็นมิลลิวินาที นับจาก 1 มกราคม 1970 (Unix epoch) ตัวอย่างที่ 1: 14 กรกฎาคม 2019 <html> <body> <p>Date.parse() returns milliseconds between July 14, 2019 and Jan 1, 1970</p> <script> var time = Date.parse(July 14, 2019); document.writ

, =, <=) รองรับวันที่อดีต ปัจจุบัน อนาคต ตัวอย่างที่ 1: วันที่ในอดีต (ปี 2000) today) { var msg = The date you provided is a future date ; } else { var msg = The date you provided is a past date; } document.getElementById(compare).innerHTML = msg; </script>

JavaScript มีขีดจำกัดตัวเลข Safe integer อยู่ในช่วง -(2^53 - 1) ถึง (2^53 - 1) (±9,007,199,254,740,991) ใช้ Number.isSafeInteger() ตรวจสอบ ไวยากรณ์ Number.isSafeInteger(num); ตัวอย่างที่ 1: อยู่ในช่วงปลอดภัย <html> <body> <script> var u = Number.isSafeInteger((Math.pow(2,53)

JavaScript มี window.screen object ให้ข้อมูลหน้าจอผู้ใช้ รวมถึง screen.width และ screen.height ไวยากรณ์ screen.width; screen.height; ตัวอย่าง ความกว้าง <html> <body> <p id=width></p> <script> document.getElementById(width).innerHTML = Screen width is + screen.

การวนลูปอาร์เรย์ภายในออบเจ็กต์ใช้ for...in loop เหมือนวนลูปออบเจ็กต์ทั่วไป ตัวอย่าง <html> <body> <script> var res = ; var obj = { name: Elon musk, age: 48, companies: [ {location: Newyork, name: [Tesla, Spacex, Neuralink]},

การแก้ไขอาร์เรย์ภายในออบเจ็กต์ JSON ทำได้เหมือนแก้ไขออบเจ็กต์ทั่วไป ใช้ bracket notation เข้าถึงดัชนี ตัวอย่าง <html> <body> <script> var res1 = ; var res2 = ; var obj = { name: Elon musk, age: 48, companies: [Tesla, Spacex, Neuralink]

string.padEnd() ต่อสตริงที่ 2 ไปด้านหลังสตริงแรก จนครบความยาวที่กำหนด คล้าย padStart แต่เติมด้านหลัง ไวยากรณ์ string.padEnd(length, string); ตัวอย่าง <html> <body> <script> var str = Hello; document.write(str.padEnd(23, glad to meet you)); document.write(<br>

string.padStart() เพิ่มสตริงที่ 2 ไปด้านหน้าสตริงแรก จนครบความยาวที่กำหนด รับพารามิเตอร์ 2 ตัว: ความยาวเป้าหมาย และสตริงที่ต้องการเติม ไวยากรณ์ string.padStart(length, string); ตัวอย่าง <html> <body> <script> var str = the best; var st = Hello; document.write(st.pa

NaN เป็นค่าเดียวที่ไม่เท่ากับตัวเอง (NaN !== NaN) ดังนั้นไม่สามารถใช้ == หรือ === เปรียบเทียบได้ ตัวอย่างที่ 1: วิธีผิด (ใช้ ==) <html> <body> <script> var val = 54/the; document.write(val); document.write(<br>); if(val == NaN) { document.write(N

การสลับตัวแปร (swapping) แบบเดิมต้องใช้ตัวแปรชั่วคราว (temp) ทำให้โค้ดยาว ES6 destructuring assignment ทำให้สลับได้ในบรรทัดเดียว ไม่ต้องใช้ตัวแปรกลาง วิธีเดิม ใช้ temp <html> <body> <script> var a = Sachin; var b = Tendulkar; document.write(Before swapping- + a +

_.shuffle() _.shuffle() จาก underscore.js ใช้สับเปลี่ยนอาร์เรย์แบบสุ่มด้วยอัลกอริทึม Fisher-Yates shuffle แต่ละครั้งที่รันจะได้ผลลัพธ์ต่างกัน ไวยากรณ์ _.shuffle(array); ตัวอย่าง อาร์เรย์สตริง <html> <body> <script type=text/javascript src=//cdnjs.cloudflare.com/ajax/libs/lodash.js/

_.where() จาก underscore.js ใช้กรองอิลิเมนต์ในอาร์เรย์ตามเงื่อนไขที่กำหนด คืนค่าอาร์เรย์ของอิลิเมนต์ที่ผ่านเงื่อนไข ไวยากรณ์ _.where(list, testCondition); ตัวอย่างที่ 1: กรองตามอายุ <html> <body> <script src=//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js></sc

_.first() จาก underscore.js ดึงอิลิเมนต์แรกหรือ n ตัวแรกของอาร์เรย์ ไวยากรณ์ _.first(array, n); ตัวอย่างที่ 1: ไม่ระบุ n (ดึงตัวแรกอย่างเดียว) <html> <body> <script src=//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js></script> <script> var res =

_.invert() จาก underscore.js สลับ key/value ของออบเจ็กต์ เช่น {name: Raj} → {Raj: name} ไวยากรณ์ _.invert(object); ตัวอย่างที่ 1 <html> <body> <script src=//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js></script> <script> var res = JSON.stringif

Underscore.js มีเมธอด _.extend() สำหรับ shallow copy ออบเจ็กต์ คัดลอกพร็อพเพอร์ตี้จาก source ไป destination โดยใช้ reference ไม่ใช่ deep clone ไวยากรณ์ _.extend(object*); ตัวอย่างที่ 1 <html> <body> <script src=//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js><

การเปรียบเทียบ null และ 0= 0 → true , <, == 0){ document.write(null is greater than 0); } else if(null < 0) { document.write(null is less than 0); } else if(null == 0){ document.write(null is equal to 0); } else { document.write(It is a typical relationship); } </script> <