Variable ใน JavaScript คืออะไร?

Variable ใน JavaScript คืออะไร และมันทำหน้าที่อะไร?

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

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

• String value: let name = 'James'
• Number value: let amount = 100
• Function value: let myFunction = function() {}
• Variable value: 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
• Assignment Operator: =
• อาร์เรย์/รายการของค่าสตริง: ['Arnold', 'Linda', 'Sylvester', 'Dolph']

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

那我们可以用这份人名单做什么？

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

• Create (สร้าง)
• Read (อ่าน)
• Update (อัปเดต)
• Delete (ลบ)

เราทำส่วน Create เมื่อสร้างรายชื่อคน

Read หมายถึง ดึงข้อมูล สมมติเราอยากได้ peopleList ข้างบน เราลองด้วย console.log() แล้ว แต่เราสามารถแสดงรายการในกล่อง popup alert ได้:

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

หรือสมมติเราอยากอ่าน/ดึงค่าของคนแรกในรายชื่อคน:

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

หมายเหตุ: ใน JavaScript อาร์เรย์ (รายการ) เป็น zero-based หมายถึง JavaScript นับจากศูนย์ 0 คือ 1, 1 คือ 2 ฯลฯ

นั่นคือเหตุผลที่ [0] พิมพ์ Arnold ที่เป็นคนแรกในอาร์เรย์

Update หมายถึงการเปลี่ยนค่าที่มีอยู่ ลองสลับ Sylvester เป็น Keanu แล้วพิมพ์ผลลัพธ์:

let peopleList = ['Arnold', 'Linda', 'Sylvester', 'Dolph'] peopleList[2] = 'Keanu' console.log(peopleList) // result: ["Arnold", "Linda", "Keanu", "Dolph"]

Delete หมายถึงสิ่งที่คุณจินตนาการ (ลบสิ่งต่างๆ) ลองลบ Arnold ออกจากรายชื่อคน (เราจะ reuse โค้ดจากด้านบน):

let peopleList = ['Arnold', 'Linda', 'Sylvester', 'Dolph'] peopleList[2] = 'Keanu' // Remove first item from array (Arnold) peopleList.shift() // result: ["Linda", "Keanu", "Dolph"

หากต้องการลบรายการสุดท้ายของอาร์เรย์ ให้เปลี่ยน shift() เป็น pop()

ขั้นต่อไป

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