JavaScript Variables & Data Types

ตัวแปรใน JavaScript

ตัวแปร (Variables) ใน JavaScript ใช้สำหรับเก็บค่าข้อมูลต่างๆ ที่สามารถเปลี่ยนแปลงได้ในระหว่างการทำงานของโปรแกรม การประกาศตัวแปรใน JavaScript ทำได้โดยใช้คีย์เวิร์ด `var`, `let` หรือ `const` ตามด้วยชื่อตัวแปรที่ต้องการ ดังตัวอย่าง:

var age = 25;

let name = "John";

const PI = 3.14159;

•  var  เป็นคีย์เวิร์ดที่ใช้ประกาศตัวแปรแบบ function-scoped หรือ globally-scoped
•  let   เป็นคีย์เวิร์ดที่ใช้ประกาศตัวแปรแบบ block-scoped (เป็นคีย์เวิร์ดที่ถูกเพิ่มเข้ามาใน ECMAScript 6)
•  const เป็นคีย์เวิร์ดที่ใช้ประกาศตัวแปรค่าคงที่ ซึ่งไม่สามารถเปลี่ยนแปลงค่าได้หลังจากกำหนดค่าเริ่มต้นแล้ว

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

let x;
x = 10;

let y = 20;
y = 30;

ชนิดข้อมูล (Data Types) ใน JavaScript

JavaScript มีชนิดข้อมูลพื้นฐานหลายประเภท ได้แก่

1. Number

เลขจำนวนเต็ม เลขทศนิยม หรือค่า  Infinity  และ  NaN  (Not-a-Number)

ตัวอย่างโค้ด

let num1 = 100;
let num2 = 3.14;
let num3 = Infinity;
let num4 = NaN;

2. String

ข้อความที่ประกอบด้วยตัวอักษร ตัวเลข และสัญลักษณ์ต่างๆ โดยอยู่ภายในเครื่องหมายคำพูดเดี่ยว (`' '`) หรือคำพูดคู่ (`" "`)

let str1 = 'Hello';
let str2 = "World";
let str3 = `Hello, ${str2}!`; // ใช้ template literal (ECMAScript 6)

3. Boolean

ค่าความจริง ซึ่งมีได้แค่สองค่า คือ  true  หรือ  false 

let bool1 = true;
let bool2 = false;

4. Undefined

ค่าของตัวแปรที่ถูกประกาศแต่ยังไม่ได้กำหนดค่า

let undef;
console.log(undef); // Output: undefined

5. Null

ค่าพิเศษที่ใช้แทนค่าว่าง หรือไม่มีค่า

let nullValue = null;

นอกจากชนิดข้อมูลพื้นฐานเหล่านี้แล้ว JavaScript ยังมีชนิดข้อมูลแบบอ้างอิง (Reference Types) เช่น  Object ,  Array ,  Function  ซึ่งใช้ในการจัดเก็บและจัดการข้อมูลที่มีโครงสร้างซับซ้อนมากขึ้น

การตรวจสอบชนิดข้อมูลใน JavaScript

เราสามารถใช้ `typeof` operator เพื่อตรวจสอบชนิดข้อมูลของตัวแปรใน JavaScript ได้ ดังตัวอย่าง:

let num = 10;
let str = "Hello";
let bool = true;
let undef;
let nullValue = null;

console.log(typeof num); // Output: "number"
console.log(typeof str); // Output: "string"
console.log(typeof bool); // Output: "boolean"
console.log(typeof undef); // Output: "undefined"
console.log(typeof nullValue); // Output: "object" (ข้อผิดพลาดใน JavaScript)

จากตัวอย่างจะเห็นว่า `typeof` operator จะคืนค่าเป็นสตริงที่ระบุชนิดข้อมูลของตัวแปรนั้นๆ แต่มีข้อยกเว้นสำหรับค่า  null  ที่  typeof  จะคืนค่าเป็น  object  ซึ่งถือเป็นข้อผิดพลาดที่มีมาตั้งแต่เวอร์ชั่นแรกของ JavaScript และยังคงอยู่เพื่อความเข้ากันได้ (compatibility) กับโค้ดเดิม

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