พื้นฐานของ JavaScript : ตัวแปรและชนิดข้อมูล

---

1️⃣ ตัวแปร (Variables)

การประกาศตัวแปร

JavaScript มี 3 คำสำคัญในการประกาศตัวแปร คือ:

คำสั่ง	ความหมาย
var	ใช้งานในสมัยก่อน (ES5 และก่อนหน้า), scope กว้าง (function scope), อาจทำให้เกิดปัญหาได้
let	ใช้ในปัจจุบัน, block scope (จำกัดขอบเขตภายใน {}), ปลอดภัยกว่า
const	ใช้สำหรับค่าคงที่, ไม่สามารถเปลี่ยนค่าใหม่ได้, block scope

ตัวอย่าง

javascript

var x = 5;
let y = 10;
const z = 15;

y = 20; // เปลี่ยนค่าได้
// z = 30; // ❌ เปลี่ยนค่าไม่ได้ (error)

สรุปการเลือกใช้

• let ใช้สำหรับตัวแปรทั่วไป

• const ใช้เมื่อค่าคงที่

• var ควรหลีกเลี่ยงในงานใหม่ ๆ

---

2️⃣ ชนิดข้อมูล (Data Types)

JavaScript มีชนิดข้อมูลหลัก ๆ ดังนี้

A. Primitive Types (ชนิดข้อมูลพื้นฐาน)

ชนิดข้อมูล	ตัวอย่าง	คำอธิบาย
String	"สวัสดี"	ตัวอักษร หรือข้อความ
Number	123, 3.14	ตัวเลข (ไม่มี int หรือ float แยก)
BigInt	1234567890123456789012345678901234567890n	ตัวเลขขนาดใหญ่ (ES2020)
Boolean	true, false	ค่าความจริง
undefined	ตัวแปรที่ยังไม่ได้กำหนดค่า	ไม่มีค่า
null	null	ไม่มีค่าโดยเจตนา
Symbol	Symbol("id")	ค่าที่ไม่ซ้ำกัน ใช้ในบางกรณี

B. Reference Types (ชนิดอ้างอิง)

ชนิดข้อมูล	ตัวอย่าง	คำอธิบาย
Object	{name: "มิว", age: 20}	เก็บข้อมูลหลายค่าในรูปแบบ key-value
Array	[1, 2, 3, 4]	กลุ่มของข้อมูลแบบลำดับ
Function	function sayHi() {}	ฟังก์ชันก็เป็น object ชนิดหนึ่ง

---

3️⃣ การตรวจสอบชนิดข้อมูล

ใช้ typeof เพื่อตรวจสอบชนิดข้อมูล

javascript

let name = "มิว";
typeof name; // "string"

let age = 25;
typeof age; // "number"

let married = false;
typeof married; // "boolean"

คำเตือน:

• typeof null จะได้ "object" (ข้อบกพร่องของภาษา)

---

4️⃣ การแปลงชนิดข้อมูล (Type Conversion)

แปลงเป็น String

javascript

let x = 123;
String(x); // "123"
x.toString(); // "123"

แปลงเป็น Number

javascript

let y = "456";
Number(y); // 456
parseInt(y); // 456
parseFloat("3.14"); // 3.14

แปลงเป็น Boolean

javascript

Boolean(0); // false
Boolean(1); // true
Boolean(""); // false
Boolean("hello"); // true

---

5️⃣ ค่าพิเศษที่ควรรู้

ค่า	ความหมาย
NaN	Not a Number (เช่น parseInt("abc"))
Infinity	ค่ามากกว่าทุกค่า
-Infinity	ค่าน้อยกว่าทุกค่า

---

6️⃣ ตัวอย่างรวม

javascript

let name = "มิว";       // string
let age = 25;          // number
let bigNum = 12345678901234567890n;  // BigInt
let married = false;   // boolean
let score = null;      // null
let salary;            // undefined
let id = Symbol("id"); // symbol

let person = { name: "มิว", age: 25 };  // object
let numbers = [1, 2, 3, 4, 5];          // array

---

สรุปภาพรวม

• JavaScript มีชนิดข้อมูลน้อย แต่ยืดหยุ่นสูง

• ใช้ let กับ const เป็นหลัก

• ระวังเรื่อง null, undefined, NaN และ typeof