แนะนำตัวแปรและ operator

เริ่มต้น Variable (ตัวแปร) คืออะไร ?

Variable (หรือตัวแปร) คือ ตัวแทนของการเก็บ data เอาไว้ ซึ่งสามารถกำหนดชื่อและสามารถกำหนดประเภทได้ (เป็นเหมือนตัวแทนของข้อมูลของเรา)

ประเภทของ variable จะประกอบด้วย

• Number (ตัวเลข)
• String (ตัวอักษร หรือ ข้อความ)
• Boolean (true, false)
• Array
• Object

(โดย Array กับ Object เดี๋ยวเราจะพาแนะนำอีกที)

การประกาศตัวแปร จะขึ้นต้นด้วย

• let สำหรับตัวแปรที่สามารถเปลี่ยนค่าได้
• const สำหรับตัวแปรที่ไม่สามารถเปลี่ยนค่าได้ (ค่าคงที่)
• (แบบเก่า) var เป็นการประกาศตัวแปรเช่นกัน แต่เป็นการประกาศตัวแปรแบบมาตรฐานเก่า (ไม่แนะนำให้ใช้แล้ว แต่ถ้าเกิดเจอเอกสารที่ยังใช้อยู่ ขอให้เข้าใจว่ามันเป็นการประกาศตัวแปรเหมือนกัน)

แล้วตามด้วยชื่อของตัวแปร โดยชื่อตัวแปรนั้นสามารถเป็น

• ตัวอักษร (ตัวพิมพ์เล็กหรือพิมพ์ใหญ่ก็ได้) เช่น test, Name
• ตัวเลขผสมๆกันได้ แต่ห้ามตัวเลขขึ้นต้นชื่อตัวแปร เช่น number1, Test1 แต่ไม่สามารถเป็น 1test ได้
• ห้ามมีช่องว่างระหว่างชื่อตัวแปร เช่น number 1 จะไม่สามารถใช้เป็นชื่อตัวแปรได้

เรามาลองดูตัวอย่างการประกาศตัวแปรโดยใช้ let กัน

let number = 2 // ประกาศตัวแปรชื่อ number เก็บตัวเลข 2 เอาไว้
let number2 = 2.4 // ประกาศตัวแปรชื่อ number2 เก็บตัวเลข 2.4 (ทศนิยม) เอาไว้
let firstname = 'mike' // ประกาศตัวแปรชื่อ firstname เก็บ string เอาไว้ชื่อ 'mike'
let isCheck = false // ประกาศตัวแปรชื่อ isCheck เก็บ boolean แบบ false

// เมื่อต้องการเปลี่ยนค่าตัวแปร ให้ประกาศชื่อตัวแปรนั้น และ assign ค่าใหม่เข้าได้เลย

isCheck = true // เปลี่ยนค่า isCheck ใหม่เป็น true
firstname = 'newmike' // เปลี่ยนค่า firstname ใหม่เป็นชื่อ newmike

ส่วนถ้าเป็นการประกาศ​ const นั้น ประกาศเหมือนกันกับ let แต่จะไม่สามารถเปลี่ยนค่าในตัวแปรนั้นได้

const firstname = 'mike' // ประกาศตัวแปรแบบค่าคงที่ชื่อ firstname ใส่ค่า string 'mike' เก็บไว้

firstname = 'mewmike' // !! บรรทัดนี้จะเกิด Error เนื่องจาก const ไม่อนุญาตให้เปลี่ยนค่าตัวแปรได้

การจัดการตัวแปรกับ Operator

Operator คือสัญลักษณ์พิเศษที่ใช้สำหรับดำเนินการบางอย่างระหว่างตัวแปร โดย

• + มีค่าเท่ากับบวก (เหมือนบวกเลขปกติ)
• - มีค่าเท่ากับลบ (เหมือนลบเลขปกติ)
• * มีค่าเท่ากับคูณ​ (เหมือนคูณเลขปกติ)
• / มีค่าเท่ากับหาร (เหมือนหารเลขปกติ)
• % มีค่าเท่ากับการหารเอาเศษ (เหมือนหยิบเศษหลังหารเสร็จแล้วมา) เรียกอีกชื่อว่า mod (modulus)

ปกติ Operator จะใช้กับตัวแปรประเภทตัวเลข จะลองยกตัวอย่างทั้ง 5 เคสดู

let number1 = 12 // ประกาศตัวแปร number1 เป็นตัวเลขเก็บ 12 ไว้
let number2 = 5 // ประกาศตัวแปร number2 เป็นตัวเลขเก็บ 5 ไว้

let number3 = number1 + number2 // นำ number1 มาบวกกับ number2 และใส่ตัวแปร number3 ไว้
console.log(number3) // ได้ 17 ออกมา

let number4 = number1 - number2 // นำ number1 มาลบกับ number2 และใส่ตัวแปร number4 ไว้
console.log(number4) // ได้ 7 ออกมา

console.log(number1 * number2)// นำ number1 มาคูณกับ number2 และแสดงผลออกมาเป็น 60
console.log(number1 / number2) // นำ number1 มาหารด้วย number2 และแสดงผลออกมาเป็น 2.4
console.log(number1 % number2) // นำ number1 มาหารด้วย number2 และเอาเศษออกมาเป็น 2

แต่ทีนี้ Operator + นั้นสามารถใช้กับตัวแปรประเภท string ได้เช่นกัน โดยการใช้กับตัวแปรประเภท string นั้นจะเป็นการต่อ String แทน เช่น

let firstname = 'mike'
let lastname = 'test'
let name = firstname + ' ' + lastname // นำตัวแปร firstname มาต่อกับ lastname และให้ ' ' ที่เป็นช่องว่างคั่นตรงกลางไว้ จะได้เป็น mike test ออกมาได้
console.log('name =', name) // name = mike test

let number1 = '1'
let number2 = '2'
let number = number1 + number2 // และเช่นกัน หากเราประกาศตัวเลขเป็น String เมื่อนำมาบวกกันจะกลายเป็นการต่อ String แทน เคสนี้จะกลายเป็น 12 ออกมา

และ operator นั้นสามารถมีมากกว่า 1 อัน และสามารถใส่ () ในการร่วมคำนวนได้

• การคำนวน operator นั้นจะคำนวนก่อนจากซ้ายไปขวา
• และหากมี () จะคำนวนในวงเล็บ ก่อนจะมาคำนวนจากซ้ายไปขวาตามปกติ (จะเหมือน () ในคณิตศาสตร์เลย)

ตัวอย่าง

let number1 = 12
let number2 = 2 * (number1 - 5) / 2
/*
การคำนวน number 2 ลำดับคือ
- แทน number1 ด้วย 12 เข้าไปก่อนเป็น 2 * (12 - 5) /2
- ทำในวงเล็บก่อน เป็น 2 * (7) / 2
- และทำจากซ้ายไปขวาเป็น 14 / 2 และเป็น 7
- number2 จะเท่ากับ 7 ในที่สุด
*/

ต่อไปเราจะไปเรียนรู้ Condition กับ Loop กันต่อ