JavaScript มีเมธอด Number() สำหรับแปลงค่าเป็นตัวเลข เมธอดนี้สามารถแปลง String ตัวเลข และค่า Boolean ให้เป็น 1 หรือ 0 ได้ มาดูรายละเอียดกัน Syntax var num = Number(value); ตัวอย่างที่ 1 ในตัวอย่างนี้ เมธอด Number() แปลง String ตัวเลขและค่า Boolean เป็นตัวเลข และแสดงผลลัพธ์ <html> <body>

JavaScript มีเมธอด JSON.parse() สำหรับแปลง JSON เป็น Object หลังจาก Parse แล้ว เราสามารถเข้าถึง Element ใน JSON ได้ Syntax var obj = JSON.parse(JSON); เมธอดนี้รับ JSON และแปลงเป็น Object เพื่อเข้าถึง Element ใน JSON ที่ให้มา ตัวอย่างที่ 1 ในตัวอย่างนี้ กำหนด JSON ให้ตัวแปร และแปลงเป็น Object แล้วแ

Primitive Data Types คือ String, Number, Boolean เป็นต้น เพื่อ แปลง Objects ให้เป็น Primitive Data Types JavaScript มีเมธอด เช่น toString(), valueOf() เป็นต้น การใช้เมธอดเหล่านี้ทำให้แปลง JavaScript Objects เป็น Primitive Data Types ได้ง่าย ตัวอย่างที่ 1 ในตัวอย่างนี้ อาร์เรย์ทั่วไป ถูกแปลงเป็น Pri

คีย์เวิร์ด this ใน JavaScript หมายถึงออบเจ็กต์ที่มันเป็นของ ใน Arrow Function this จะเป็นของ Global Object ภายในฟังก์ชันทั่วไป this อาจจะเป็น undefined แต่ใน Arrow Function จะได้ค่า ที่แน่นอน ตัวอย่าง <html> <body> <script>    function Student(fname, grade) {   &nbs

ฟอร์มทั่วไปจะมี name (ชื่อ) และ target (เป้าหมาย) โดยหากไม่มีชื่อ จะยากมากในการตรวจสอบความถูกต้องของฟอร์ม JavaScript มีคุณสมบัติ document.name และ document.target สำหรับค้นหาชื่อและเป้าหมายของฟอร์มตามลำดับ เรามาดูรายละเอียดแต่ละอย่างกัน ชื่อ (Name) ของฟอร์ม ตัวอย่าง ในตัวอย่างต่อไปนี้ จะค้นหา ชื่อ

form.acceptCharset และ form.enctype ให้ค่า attribute ตามลำดับ Accept-Charset <html> <body> <form id=form1 accept-charset=ISO-8800-7></form> <p id=char></p> <script> var cha = document.getElementById(form1).acceptCharset; document.getElementById

document.lastModified ให้วันที่และเวลาที่เอกสารถูกแก้ไขล่าสุด ไวยากรณ์ Time = document.lastModified; ตัวอย่างที่ 1 <html> <body> <script> document.write(This document is lastly modified on + document.lastModified); </script> </body> </html> ผลลัพธ์ This

form.action และ form.method ให้ค่า attribute action และ method ของฟอร์ม Action Attribute <html> <body> <form id=frm1 action=/online_javascript_editor.php method=get></form> <p id=demo></p> <script> var act = document.getElementById(frm1).action;

วงเล็บ () สำคัญมาก: เรียกฟังก์ชัน **ไม่มี ()** จะคืน **function definition** (โค้ดฟังก์ชัน) เรียก **มี ()** จะ **execute** และคืน **ผลลัพธ์** ไม่มี () - คืน Function Definition <html> <body> <script> function toCelsius(f) { return (5/9) * (f-32); } document.write(toCelsi

มี 3 วิธี: 1) new Boolean() 2) Boolean() 3) !! (Double NOT) ES6 ใช้ Boolean keyword <html> <body> <script> const isTrue = Golden State Warriors; document.write(new Boolean(isTrue)); document.write(<br>); document.write(Boolean(isTrue)); </script> &

เข้าถึงค่าออบเจ็กต์ได้ 3 วิธี: 1) Dot notation 2) Bracket notation (string key) 3) Variable key (bracket notation ด้วยตัวแปร) Dot และ Bracket Notation <html> <body> <script> let me = { name: javascript }; document.write(me.name); document.write(<br>); doc

ก่อน ES6 ต้องสร้างออบเจ็กต์ก่อน แล้วค่อยกำหนด property แบบ dynamic แยก 2 ขั้นตอน ES6 ใช้ Computed Property Names เขียนใน object literal ได้เลย วิธีเก่า 2 ขั้นตอน <html> <body> <script> let person = name; let student = { id: 1 }; // step 1 student[person] = nani; //

Template Strings (Template Literals) ES6 ใช้ backtick (`) และ ${expression} รวมสตริงได้อ่านง่าย ไม่ต้อง escape quote ไม่ต้องใช้ + ซ้ำๆ วิธีเดิม concat() และ join() <html> <body> <script> const platform = Tutorix; const joinMethod = [The, best, e-learning, platform, is, p

การบวกสตริงกับตัวเลขโดยตรงจะเกิด concatenation (ต่อสตริง) ต้องแปลงสตริงเป็นตัวเลขก่อน ใช้ Unary + หรือ parseInt() ตัวอย่างที่ 1: ต่อสตริง (ผิด) <html> <body> <script> const string = 100; const number = 5; document.write(string + number); </script> </body&g

Higher-order functions เป็นฟังก์ชันที่รับฟังก์ชันอื่นเป็นอาร์กิวเมนต์ หรือคืนค่าฟังก์ชัน ช่วยลดโค้ด เพิ่มความอ่านง่าย ตัวอย่างเช่น map, filter, reduce ตัวอย่าง ไม่ใช้ Higher-order function (ใช้ for loop) <html> <body> <script> const name = []; var persons = [ {

navigator object มี navigator.platform และ navigator.language Browser Platform เช่น Win32, MacIntel, Linux x86_64 <html> <body> <script> document.write(browser platform is + navigator.platform); </script> </body> </html> ผลลัพธ์ browser platform is Win32

เข้าถึงผ่าน element ได้โดย element.href และ element.target หา href attribute <html> <body> <p><a id=myId href=https://www.tutorialspoint.com/>tutorialspoint</a></p> <script> var ref = document.getElementById(myId).href; document.write(ref); <

document.title ให้ tiêu đềเอกสาร document.URL ให้ URL เต็ม Title ของเอกสาร <html> <head> <title>Tutorix</title> </head> <body> <script> document.write(The title of the document is + document.title); </script> </body> </html> ผลลัพ

document.anchors.length ให้จำนวน anchor tags () ในเอกสาร ไวยากรณ์ length = document.anchors.length; ตัวอย่างที่ 1: 2 anchors <html> <body> <a name=Tutor>Tutorix</a><br> <a name=Totorial>Tutorialspoint</a><br> <p id=anchors></p> <sc

document.anchors เป็น collection ของ anchor tags () เข้าถึงได้ผ่านดัชนี ใช้ .innerHTML ดึงเนื้อหา ไวยากรณ์ element = document.anchors[i].innerHTML; ตัวอย่างที่ 1: Anchor แรก (ดัชนี 0) <html> <body> <a name=Tutor>Tutorix</a><br> <a name=Totorial>Tutorialspoint&