ล่าสุดการพัฒนาเว็บบทเรียน
×

JS เกี่ยวกับการสอน

JS บ้าน JS บทนำ JS สถานที่ที่จะ JS ส่งออก JS วากยสัมพันธ์ JS งบ JS ความคิดเห็น JS ตัวแปร JS ผู้ประกอบการ JS คณิตศาสตร์ JS การมอบหมาย JS ชนิดข้อมูล JS ฟังก์ชั่น JS วัตถุ JS ขอบเขต JS เหตุการณ์ JS เงื่อนไข JS วิธีสตริง JS เบอร์ JS วิธีการจำนวน JS คณิตศาสตร์ JS วันที่ JS รูปแบบวันที่ JS วันวิธีการ JS แถว JS วิธีการอาร์เรย์ JS booleans JS เปรียบเทียบ JS เงื่อนไข JS สวิตซ์ JS ห่วง For JS ในขณะที่ห่วง JS หยุด JS ประเภทการแปลง JS นิพจน์ทั่วไป JS ข้อผิดพลาด JS แก้จุดบกพร่อง JS hoisting JS โหมดที่เข้มงวด JS คู่มือสไตล์ JS ปฏิบัติที่ดีที่สุด JS ข้อผิดพลาด JS ประสิทธิภาพ JS คำสงวน JS JSON

JS ฟอร์ม

แบบฟอร์มการตรวจสอบ รูปแบบ API

JS วัตถุ

นิยามวัตถุ คุณสมบัติของวัตถุ วิธีการของวัตถุ ต้นแบบวัตถุ

JS ฟังก์ชั่น

นิยามฟังก์ชั่น ค่าฟังก์ชัน ฟังก์ชั่นการภาวนา ปิดฟังก์ชั่น

JS HTML DOM

DOM แนะนำ DOM วิธีการ DOM เอกสาร DOM องค์ประกอบ DOM HTML DOM CSS DOM ภาพเคลื่อนไหว DOM เหตุการณ์ DOM EventListener DOM การเดินเรือ DOM โหนด DOM Nodelist

JS เบราว์เซอร์ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS ตัวอย่าง

JS ตัวอย่าง JS HTML DOM JS HTML อินพุต JS HTML วัตถุ JS HTML เหตุการณ์ JS เบราว์เซอร์ JS ทดสอบ JS สรุป

JS คู่มืออ้างอิง

JavaScript วัตถุ HTML DOM วัตถุ


 

JavaScriptชนิดข้อมูล


สตริง, จำนวน, บูลีอาร์เรย์วัตถุ


ชนิดข้อมูล JavaScript

ตัวแปร JavaScript ที่สามารถเก็บข้อมูลประเภทหลาย numbers, strings, arrays, objects และอื่น ๆ :

var length = 16;                               // Number
var lastName = "Johnson";                      // String
var cars = ["Saab", "Volvo", "BMW"];           // Array
var x = {firstName:"John", lastName:"Doe"};    // Object

แนวคิดของชนิดข้อมูล

ในการเขียนโปรแกรม, ชนิดข้อมูลที่เป็นแนวคิดที่สำคัญ

เพื่อให้สามารถใช้งานบนตัวแปรมันเป็นสิ่งสำคัญที่จะรู้ว่าบางสิ่งบางอย่างเกี่ยวกับชนิด

โดยไม่ต้องชนิดข้อมูลคอมพิวเตอร์ไม่สามารถแก้ปัญหานี้ได้อย่างปลอดภัย:

var x = 16 + "Volvo";

มันทำให้รู้สึกใด ๆ เพื่อเพิ่ม "Volvo" สิบหก? มันจะสร้างข้อผิดพลาดหรือมันจะสร้างผลลัพธ์หรือไม่?

JavaScript จะปฏิบัติตัวอย่างข้างต้นเป็น:

var x = "16" + "Volvo";

เมื่อมีการเพิ่มจำนวนและสตริง, JavaScript จะรักษาจำนวนเป็นสตริง

ตัวอย่าง

var x = 16 + "Volvo";
ลองตัวเอง»

ตัวอย่าง

var x = "Volvo" + 16;
ลองตัวเอง»

JavaScript ประเมินการแสดงออกจากซ้ายไปขวา ลำดับที่แตกต่างกันสามารถให้ผลลัพธ์ที่แตกต่างกัน

javascript:

var x = 16 + 4 + "Volvo";

ผล:

20Volvo
ลองตัวเอง»

javascript:

var x = "Volvo" + 16 + 4;

ผล:

Volvo164
ลองตัวเอง»

ในตัวอย่างแรก, JavaScript ถือว่า 16 และ 4 เป็นตัวเลขจนกว่าจะถึง "Volvo"

ในตัวอย่างที่สองตั้งแต่ตัวถูกดำเนินการแรกคือสตริงตัวถูกดำเนินการทั้งหมดจะถือว่าเป็นสตริง


JavaScript ได้ประเภทแบบไดนามิก

JavaScript ได้ประเภทแบบไดนามิก ซึ่งหมายความว่าตัวแปรเดียวกันสามารถใช้เป็นชนิดที่แตกต่างกัน

ตัวอย่าง

var x;               // Now x is undefined
var x = 5;           // Now x is a Number
var x = "John";      // Now x is a String

JavaScript Strings

สตริง (หรือสตริงข้อความ) เป็นชุดของตัวละครเช่น "John Doe"

สตริงจะถูกเขียนด้วยคำพูด คุณสามารถใช้คำพูดเดียวหรือสองครั้ง:

ตัวอย่าง

var carName = "Volvo XC60";   // Using double quotes
var carName = 'Volvo XC60';   // Using single quotes

คุณสามารถใช้คำพูดภายในสตริงตราบเท่าที่พวกเขาไม่ตรงกับคำพูดรอบสตริง:

ตัวอย่าง

var answer = "It's alright";             // Single quote inside double quotes
var answer = "He is called 'Johnny'";    // Single quotes inside double quotes
var answer = 'He is called "Johnny"';    // Double quotes inside single quotes
ลองตัวเอง»

คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับสายต่อไปในการกวดวิชานี้


เบอร์ JavaScript

JavaScript มีเพียงหนึ่งชนิดของตัวเลข

หมายเลขสามารถเขียนได้ด้วยหรือไม่มีทศนิยม:

ตัวอย่าง

var x1 = 34.00;     // Written with decimals
var x2 = 34;        // Written without decimals

ตัวเลขขนาดเล็กขนาดใหญ่พิเศษหรือพิเศษสามารถเขียนได้ด้วยวิทยาศาสตร์ (ชี้แจง) สัญกรณ์:

ตัวอย่าง

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123
ลองตัวเอง»

คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับหมายเลขในภายหลังในการกวดวิชานี้


Booleans JavaScript

booleans สามารถมีสองค่า: จริงหรือเท็จ

ตัวอย่าง

var x = true;
var y = false;

booleans มักจะใช้ในการทดสอบเงื่อนไข

คุณจะเรียนรู้เพิ่มเติมเกี่ยวกับการทดสอบตามเงื่อนไขต่อไปในการกวดวิชานี้


อาร์เรย์ JavaScript

อาร์เรย์ JavaScript เขียนด้วยวงเล็บ

รายการอาร์เรย์จะถูกคั่นด้วยเครื่องหมายจุลภาค

รหัสต่อไปนี้ประกาศ (สร้าง) อาร์เรย์ที่เรียกว่ารถที่มีสามรายการ (ชื่อรถ):

ตัวอย่าง

var cars = ["Saab", "Volvo", "BMW"];
ลองตัวเอง»

ดัชนีอาร์เรย์จะ zero-based ซึ่งหมายความว่ารายการแรกเป็น [0], สองคือ [1] และอื่น ๆ

คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับอาร์เรย์ต่อไปในการกวดวิชานี้


วัตถุ JavaScript

วัตถุ JavaScript เขียนด้วยวงเล็บปีกกา

คุณสมบัติของวัตถุจะถูกเขียนเป็นชื่อ: คู่ค่าคั่นด้วยเครื่องหมายจุลภาค

ตัวอย่าง

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
ลองตัวเอง»

วัตถุ (คน) ในตัวอย่างข้างต้นมี 4 คุณสมบัติ: firstName, lastName, age และ eyeColor

คุณจะเรียนรู้เพิ่มเติมเกี่ยวกับวัตถุในภายหลังในการกวดวิชานี้


ผู้ประกอบการ typeof

คุณสามารถใช้ JavaScript typeof ผู้ประกอบการเพื่อหาชนิดของตัวแปร JavaScript นี้:

ตัวอย่าง

typeof "John"                // Returns string
typeof 3.14                  // Returns number
typeof false                 // Returns boolean
typeof [1,2,3,4]             // Returns object
typeof {name:'John', age:34} // Returns object
ลองตัวเอง»

ผู้ประกอบการส่งกลับ typeof "object" สำหรับอาร์เรย์เพราะใน JavaScript อาร์เรย์เป็นวัตถุ


Undefined

ใน JavaScript ตัวแปรโดยไม่ต้องมีค่ามีค่า undefined typeof ยังเป็น undefined

ตัวอย่าง

var person;                  // Value is undefined, type is undefined
ลองตัวเอง»

ตัวแปรใด ๆ ที่สามารถอบโดยการตั้งค่าที่จะ undefined ชนิดนอกจากนี้ยังจะ undefined

ตัวอย่าง

person = undefined;          // Value is undefined, type is undefined
ลองตัวเอง»

ค่าที่ว่างเปล่า

ค่าว่างมีอะไรจะทำอย่างไรกับการที่ไม่ได้กำหนด

ตัวแปรสตริงที่ว่างเปล่ามีทั้งมูลค่าและประเภท

ตัวอย่าง

var car = "";                // The value is "", the typeof is string
ลองตัวเอง»

Null

ใน JavaScript null คือ "อะไร" มันควรจะเป็นสิ่งที่ไม่ได้อยู่

แต่น่าเสียดายที่ใน JavaScript, ชนิดข้อมูลของ null เป็นวัตถุ

คุณสามารถคิดว่ามันเป็นข้อผิดพลาดใน JavaScript ที่ typeof null เป็นวัตถุ มันควรจะเป็น null

คุณสามารถว่างวัตถุโดยการตั้งค่าให้ null:

ตัวอย่าง

var person = null;           // Value is null, but type is still an object
ลองตัวเอง»

นอกจากนี้คุณยังสามารถว่างวัตถุโดยการตั้งค่าให้ undefined :

ตัวอย่าง

var person = undefined;     // Value is undefined, type is undefined
ลองตัวเอง»

ความแตกต่างระหว่าง Undefined และ Null

typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true
ลองตัวเอง»