คอร์ส IT พื้นฐาน JavaScript 038_ชนิดข้อมูล

ใน JavaScript ชนิดข้อมูลใช้เพื่อแสดงข้อมูลประเภทต่างๆ เช่น ตัวเลข สตริง ค่าบูลีน เป็นต้น ชนิดข้อมูลใน JavaScript แบ่งออกเป็นสองประเภทใหญ่: ชนิดข้อมูลพื้นฐานและชนิดข้อมูลออบเจ็กต์

ชนิดข้อมูลพื้นฐาน

ค่าของชนิดข้อมูลพื้นฐานมีเนื้อหาเดียวเท่านั้น (สตริง ตัวเลข หรืออื่นๆ)

Number (ตัวเลข)

ใช้เพื่อแสดงตัวเลข รวมทั้งจำนวนเต็มและจำนวนทศนิยม ตัวอย่าง: 5, 3.14, -10 ตัวเลขสามารถมีการดำเนินการมากมาย เช่น การคูณ * การหาร / การบวก + การลบ - เป็นต้น นอกจากตัวเลขปกติแล้ว ยังรวมถึงที่เรียกว่า “ค่าตัวเลขพิเศษ” ที่เป็นชนิดนี้ด้วย: Infinity, -Infinity และ NaN ชนิด Number เป็นชนิดทศนิยม อาจมีปัญหาความแม่นยำเมื่อทำการคำนวณที่แม่นยำ เช่น: 0.1 + 0.2 สามารถแปลงสตริงเป็นจำนวนเต็มผ่านเมธอด parseInt() และแปลงสตริงเป็นจำนวนทศนิยมผ่านเมธอด parseFloat()

ตัวอย่าง:

1
let age = 25;

1
console.log(0.1 + 0.2);  // แสดงผล 0.30000000000000004

1
let result = 0.1 * 10 + 0.2 * 10;
2
result = result / 10;  // แปลงผลลัพธ์กลับเป็นทศนิยม
3
console.log(result);  // แสดงผล 0.3

BigInt (จำนวนเต็มขนาดใหญ่)

ชนิดข้อมูลที่แสดงจำนวนเต็มความแม่นยำตามต้องการ (สำหรับข้อจำกัดขนาดหน่วยความจำ) อนุญาตให้คุณแสดงค่าจำนวนเต็มในช่วงที่กว้างกว่าชนิด Number โดยไม่สูญเสียความแม่นยำ ใช้ต่อท้าย n หรือเรียกใช้ตัวสร้าง BigInt() เพื่อสร้าง BigInt จัดการกับค่าจำนวนเต็มที่เกินช่วงของ Number ไม่สามารถใช้ผสมกับจำนวนเต็มปกติ ไม่สามารถแปลงผ่าน parseInt() หรือ parseFloat()

ตัวอย่าง:

1
let bigIntLiteral = 123n;
2
let bigIntObject = BigInt(456);

String (สตริง)

ใช้เพื่อแสดงข้อมูลข้อความ สตริงประกอบด้วยชุดของอักขระและสามารถมีตัวอักษร ตัวเลข สัญลักษณ์ เป็นต้น ตัวอย่าง: “Hello, World!”, “สวัสดี”, ‘123’ สตริงต้องอยู่ในเครื่องหมายคำพูด รวมถึง: เครื่องหมายคำพูดเดี่ยว 'Hello' เครื่องหมายคำพูดคู่ "Hello" เครื่องหมายคำพูดย้อนกลับ `Hello` เครื่องหมายคำพูดเดี่ยวและคู่เป็นคำพูด “ธรรมดา” เครื่องหมายคำพูดย้อนกลับเป็นคำพูดที่มีการขยายฟังก์ชัน สามารถอ้างอิงตัวแปรโดยตรงผ่านวิธี ${…} และรักษารูปแบบข้อความ อักขระขึ้นบรรทัดใหม่ \n อักขระแท็บ \t แบ็กสแลชเอง \\ เครื่องหมายคำพูดเดี่ยว \' และเครื่องหมายคำพูดคู่ \" อักขระ carriage return \r

ตัวอย่าง:

1
let text = "Hello, World!";

Boolean (บูลีน)

ใช้เพื่อแสดงค่าตรรกะ มีเพียงสองค่าที่เป็นไปได้: true หรือ false

ตัวอย่าง:

1
let isStudent = true;

Undefined (ไม่ได้กำหนด)

ใช้เพื่อแสดงตัวแปรที่ไม่ได้เริ่มต้น ไม่ได้กำหนด ไม่ได้กำหนดค่า หรือฟังก์ชันที่ไม่มีค่าพารามิเตอร์

ตัวอย่าง:

1
let undefinedVar;
2
alert(undefinedVar);

Null (ค่าว่าง)

ใช้เพื่อแสดงค่าพิเศษหรือค่าออบเจ็กต์ที่ไม่มีอยู่ที่หมายถึง “ไม่มีอะไร” “ว่างเปล่า” หรือ “ค่าที่ไม่ทราบ”

ตัวอย่าง:

1
let nullValue = null;

Symbol (สัญลักษณ์)

ใช้เพื่อสร้างตัวระบุที่ไม่ซ้ำและไม่เปลี่ยนแปลง มักใช้เพื่อกำหนดคุณสมบัติส่วนตัวของออบเจ็กต์ สร้างค่าคงที่ที่ไม่ซ้ำ หรือเป็นตัวระบุสำหรับพฤติกรรมพิเศษ สัญลักษณ์แต่ละตัวที่สร้างผ่าน Symbol ไม่ซ้ำกัน แม้ว่าจะมีคำอธิบายเดียวกันก็ยังแตกต่างกัน

ตัวอย่าง:

1
const symbol1 = Symbol();
2
const symbol2 = Symbol();
3
console.log(symbol1 === symbol2); // แสดงผล false, Symbol แต่ละตัวไม่ซ้ำกัน

ชนิดข้อมูลออบเจ็กต์

สามารถใช้เพื่อจัดเก็บคอลเลกชันข้อมูลหรือเนื้อหาที่ซับซ้อนกว่า

Object (ออบเจ็กต์)

ใช้เพื่อจัดเก็บคู่คีย์-ค่า หรือความสัมพันธ์การแมปของคุณสมบัติและค่าคุณสมบัติ ออบเจ็กต์สามารถมีค่าของชนิดข้อมูลต่างๆ รวมถึงตัวเลข สตริง ค่าบูลีน อาร์เรย์ ออบเจ็กต์อื่นๆ เป็นต้น

ตัวอย่าง:

1
let person = {
2
  name: "Alice",
3
  age: 30,
4
  isStudent: false
5
};

Array (อาร์เรย์)

อาร์เรย์เป็นโครงสร้างข้อมูลที่เรียงลำดับและเปลี่ยนแปลงได้ ใช้เพื่อจัดเก็บกลุ่มของค่า อาร์เรย์สามารถมีองค์ประกอบของชนิดข้อมูลต่างๆ และแต่ละองค์ประกอบมีดัชนีที่สอดคล้องกัน

ตัวอย่าง:

1
let numbers = [1, 2, 3, 4, 5];

Function (ฟังก์ชัน)

ฟังก์ชันเป็นบลอกโค้ดที่สามารถนำกลับมาใช้ได้ สามารถรับพารามิเตอร์อินพุต ดำเนินการชุดหนึ่ง และส่งกลับผลลัพธ์ ฟังก์ชันเป็นพลเมืองชั้นหนึ่งใน JavaScript สามารถกำหนดให้กับตัวแปร ส่งเป็นพารามิเตอร์ไปยังฟังก์ชันอื่น และยังสามารถเป็นค่าที่ส่งกลับของฟังก์ชันอื่นได้

ตัวอย่าง:

1
function greet(name) {
2
  console.log("Hello, " + name + "!");
3
}
4
greet("JavaScript");

typeof

typeof เป็นตัวดำเนินการใน JavaScript ที่ใช้เพื่อรับชนิดของตัวแปรที่กำหนด (ดังนั้นจึงไม่จำเป็นต้องเพิ่มวงเล็บใน typeof) มันจะส่งกลับสตริงที่แสดงชนิดของตัวแปร

ตัวอย่าง:

1
let undefinedVariable;
2
let booleanVariable = true;
3
let numberVariable = 42;
4
let stringVariable = "Hello";
5
let objectVariable = { key: "value" };
6
let functionVariable = function() {};
7
let symbolVariable = Symbol("mySymbol");
8
let nullVariable = null;
9

10
console.log(typeof undefinedVariable);  // แสดงผล "undefined"
11
console.log(typeof booleanVariable);    // แสดงผล "boolean"
12
console.log(typeof numberVariable);     // แสดงผล "number"
13
console.log(typeof stringVariable);     // แสดงผล "string"
14
console.log(typeof objectVariable);     // แสดงผล "object"
15
console.log(typeof functionVariable);   // แสดงผล "function"
16
console.log(typeof symbolVariable);     // แสดงผล "symbol"
17
console.log(typeof nullVariable);     // แสดงผล "object"

การใช้ typeof x, x จะส่งกลับชนิดของตัวแปรและค่าของตัวแปรตามลำดับ ดำเนินการ typeof x ก่อน จากนั้นดำเนินการ x และแสดงผลทั้งสองค่า

ตัวอย่าง:

1
let x = 42;
2
console.log(typeof x, x);

• typeof x ส่งกลับ “number” แสดงว่าชนิดของตัวแปร x เป็นตัวเลข
• x ส่งกลับค่าของตัวแปร x คือ 42