ตัวแปรใน JavaScript คืออะไร?

ตัวแปรใน JavaScript คืออะไร และทำหน้าที่อะไร

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

ตัวอย่างบางส่วน:

• ค่าสตริง:let name = 'James'
• ค่าตัวเลข:let amount = 100
• ค่าฟังก์ชัน:let myFunction = function() {}
• ค่าตัวแปร:let fullName = firstName + lastName

ลองนึกภาพว่าคุณต้องการเก็บข้อมูลอ้างอิงถึงรายชื่อคนที่คุณต้องการเข้าถึงและทำสิ่งต่างๆ ในภายหลัง:

// Assign list (array) of people to the peopleList variable
let peopleList = ['Arnold', 'Linda', 'Sylvester', 'Dolph']

// Log out the list
console.log(peopleList)

ตอนนี้ แทนที่จะพิมพ์รายการทั้งหมดทุกครั้งที่ต้องใช้ คุณสามารถเข้าถึงและจัดการรายการได้โดยอ้างอิงจาก peopleList ตัวแปรที่ ชี้ ไปที่รายการ (อาร์เรย์) ของคน

โค้ดด้านบนประกอบด้วย 3 องค์ประกอบหลัก:

• ตัวแปรอ้างอิงชื่อ peopleList
• ผู้ดำเนินการมอบหมาย:=
• อาร์เรย์/รายการค่าสตริง:['Arnold', 'Linda', 'Sylvester', 'Dolph']

คุณสามารถดูโอเปอเรเตอร์การมอบหมาย (= ) เป็นกาวที่เชื่อมการอ้างอิงชื่อตัวแปรทางด้านซ้ายกับค่าทางด้านขวา (ตัวเลข สตริง ฟังก์ชัน ตัวแปร ฯลฯ)

แล้วคุณทำอะไรกับรายชื่อคนได้บ้าง

หลายสิ่ง. สิ่งที่พบบ่อยที่สุดอย่างหนึ่งในการเขียนโปรแกรมคือการดำเนินการ CRUD ลองใช้สิ่งนั้นเพื่อเรียนรู้:

• สร้าง
• อ่าน
• อัพเดท
• ลบ

เราทำ สร้าง ส่วนหนึ่งเมื่อเราสร้างรายชื่อบุคคล

อ่าน แค่หมายถึง รับ สมมติว่าเราต้องการรับ peopleList ด้านบน เราได้ลองแล้วด้วย console.log() แต่เรายังสามารถแสดงรายการในกล่องป๊อปอัปการแจ้งเตือน:

// Get list of people in a popup box
alert(peopleList)

หรือสมมุติว่าเราต้องการอ่าน/หาค่าของคนแรกในรายชื่อบุคคลเท่านั้น:

// Get first person from people list
console.log(peopleList[0])

// logs out Arnold

หมายเหตุ:ใน JavaScript อาร์เรย์ (รายการ) เป็นแบบศูนย์ ซึ่งหมายความว่า JavaScript นับจากศูนย์ 0 คือ 1 1 คือ 2 เป็นต้น

นั่นเป็นเหตุผลที่ [0] ออกจากระบบ Arnold ซึ่งเป็นคนแรกในอาร์เรย์

อัปเดต หมายถึงการเปลี่ยนค่าที่มีอยู่ มาลองเปลี่ยน Sylvester . กัน กับ Keanu แล้วออกจากระบบผลลัพธ์:

let peopleList = ['Arnold', 'Linda', 'Sylvester', 'Dolph']

peopleList[2] = 'Keanu'

console.log(peopleList)

// result: ["Arnold", "Linda", "Keanu", "Dolph"]

ลบ หมายถึงสิ่งที่คุณจินตนาการถึง (เอาของออก) เรามาลองลบ Arnold ออกจากรายชื่อบุคคลกัน (เราจะใช้รหัสจากด้านบนนี้ซ้ำ):

let peopleList = ['Arnold', 'Linda', 'Sylvester', 'Dolph']

peopleList[2] = 'Keanu'

// Remove first item from array (Arnold)
peopleList.shift()

// result: ["Linda", "Keanu", "Dolph"

หากคุณต้องการลบรายการอาร์เรย์สุดท้าย ให้สลับ shift() ออกด้วย pop() .

ก้าวไปข้างหน้า

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