ตัวแปรในภาษา JavaScript

ตวั แปรในภาษา

JavaScript

ตัวแปร (variable)

หมายถงึ ช่ือหรือสัญลกั ษณ์ท่ตี ้งั ขนึ้ เอเกบ็ ค่า
ใดๆ โดยการจองเนือ้ ท่ใี นหน่วยความจาของ
ระบบมขี นาดตามชนิดและค่าของข้อมูล

สาหรับค่าในตัวแปรสามารถเปลยี่ นแปลงได้
ตามคาส่ังในการประมวลผล

การต้ังชื่อตัวแปร

 ต้องใช้ตัวอกั ษรภาษาองั กฤษ และต้องขนึ้ ต้นด้วยตวั พมิ พ์ใหญ่หรือ
พมิ พ์เลก็ เคร่ืองหมาย underscore (_) หรือเคร่ืองหมาย
dollar sign ($) เท่าน้ัน

 ในชื่อของตัวแปรต้องไม่มเี ว้นวรรค
 ตวั อกั ขระตาแหน่งอน่ื ๆ ของตวั แปร สามารถใช้ตัวพมิ พ์เลก็ หรือ

ตัวพมิ พ์ใหญ่ ตัวเลข (0-9) เคร่ืองหมาย underscore (_)
และเครื่องหมาย dollar sign ($) เท่าน้ันห้ามใช้
เครื่องหมายอน่ื

คาสงวนในภาษา JavaScript

 abstract boolean break byte
catch const continue
 case class double else
delete final finally
 char do if implements
default export interface long
false private protected
 debugger for super switch
enum goto try var
in with
 extends int
float new
package
 function return
import static
this
 instanceof transient true
native
while
 null
public

 short
synchronized

 throws
void

 volatile

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

 เป็ นการกานดชื่อและชนิดของข้อมูลให้กบั ตวั แปรเพอ่ื
นาไปใช้ในโปรแกรม

 ต้องคานึงถงึ ค่าของข้อมูลและชนิดของข้อมูลทอ่ี ้างองิ
 ส่ิงทคี่ วรคานึงถงึ คอื การประกาศตวั แปรให้เหมาะกบั การ

ใช้งาน

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

 รูปแบบท่ี 1 var ช่ือตัวแปร; // เป็ นการตัวแปรปกติ

 รูปแบบท่ี 2 var ช่ือตวั แปร = ค่าเริ่มต้น; //เป็ นการ

ประกาศตวั แปรพร้อมกาหนดค่าเริ่มต้น

 ในกรณที ตี่ ้องการประกาศค่าตวั แปรหลายๆตวั ในบรรทดั เดยี วกนั ให้
ใช้เคร่ืองหมายคอมม่า (,) คนั่ ระหว่างตวั แปร

เช่น var a,b;

การกาหนดค่าให้กบั ตัวแปร

 การกาหนดค่าให้กบั ตวั แปรจะใช้เคร่ืองหมาย = มรี ูปแบบดงั นี้
 ช่ือตวั แปร = ค่า;
 ตวั อย่างเช่น a = 5;
 โดยทค่ี ่าของข้อมูล ได้แก่
 ข้อมูลทเี่ ป็ นตวั เลข สามารถกานดตวั เลขได้โดยตรง เช่น number

=24;
 ข้อมูลทางตรรกะ ได้แก่ค่าจริง (true) หรือ เทจ็ (false) เช่น

visible = false;
 ข้อมูลสตริง ได้แก่ข้อความต้องอยู่ในเคร่ืองหมายคาพดู (“…”) เช่น

school = “ปลวกแดง”

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

 ตัวอย่างเช่น

 var student_name;
 var student_code;

 หรือสามารถเขยี นตัวแปรหลายตวั ในบรรทดั เดยี วกนั ได้ดงั นี้
 var student_name, student_code;

การประกาศตัวแปรแบบกาหนดค่าเริ่มต้น

 ตวั อย่างเช่น

 var student_name = “รักเรียน”;
 var student_code = 1234;

การกาหนดค่าโดยไม่ประกาศตวั แปร

 ตวั อย่างเช่น

 student_name = “รักเรียน”;
 student_code = 1234;

การหาชนิดของข้อมูล

 บางคร้ังถ้าเราต้องการทราบชนิดของข้อมูลเราสามารถใช้คาสั่ง
typeof หาชนิดของข้อมูลได้ โดยมรี ูปแบบการใช้คอื

 typeof ชื่อตวั แปร;
 ตวั อยา่ งเช่น typeof student_name;
 ผลที่ไดค้ ือ string

ตัวแปร array

 เป็ นตวั แปรทเ่ี กบ็ ข้อมูลชนิดเดยี วกนั ได้หลายๆตวั

 JavaScript จะสามารถกาหนดขนาดของอาร์เรย์
ในหน่วยความจาโดยอตั โนมตั ิ

 สามารถเพม่ิ จานวนสมาชิกได้แต่ลดจานวนลงไม่ได้
 มีข้อควรระวงั คอื ยง่ิ กาหนดขนาดของอาร์เรย์ขนาดใหญ่

มากกย็ งิ่ เปลอื งเนือ้ ทใ่ี นหน่วยความจามากขนึ้ การ
ประมวลผลกย็ งิ่ ช้าลงไปด้วย

การสร้างตัวแปรอาร์เรย์

 ก่อนทีจ่ ะสร้างตวั แปรอาร์เรย์ จะต้องประกาศตวั แปรอาร์เรย์ในโปรแกรมก่อน
เพอื่ ให้โปรแกรมรู้จกั ชื่อของตวั แปรอาร์เรย์พร้อมท้ังกาหนดขนาดของพนื้ ที่ใน
หน่วยความจา โดยมรี ูปแบบดงั นี้

 ชื่อตวั แปร = new array(จานวนสมาชิก);

 โดยจานวนสมาชิกคอื จานวนสมาชิกทีต่ ้องการจะเกบ็ หรือขนาดของอาร์เรย์

 ตวั อย่างเช่น

 student = new array(10);

 หมายถึงการการประกาศให้ตวั แปร student เป็ นตวั แปรแบบอาร์เรย์โดยมี

จานวนสมาชิก 10 ตวั

การกาหนดค่าให้กบั ตัวแปรอาร์เรย์

 มรี ูปแบบดงั นี้
 ช่ือตัวแปร [index] = ค่าของข้อมูล;
 โดย index คอื ลาดับของสมาชิกในอาร์เรย์ โดยเริ่มต้งั แต่ลาดบั

ที่ 0,1,2, เป็ นต้นไป
 ตัวอย่างเช่น
 student[7] = “ขยนั ”;
 หมายถึงการกาหนดให้สมาชิกลาดบั ที่ 7 มคี ่าเป็ น “ขยนั ”;