อาร์เรย์และอ็อบเจกต์: การสร้าง การอ่าน การแก้ไข

เก็บค่าหลายค่าไว้ในอาร์เรย์ อธิบายสิ่งต่าง ๆ ด้วยอ็อบเจกต์ แล้วเรียนรู้วิธีอ่านและแก้ไขพวกมัน

8 นาที · 3 คำถาม

จนถึงตอนนี้ ตัวแปรแต่ละตัวเก็บค่าเดียว อาร์เรย์ (array) คือรายการของค่าที่เรียงลำดับ เขียนอยู่ในวงเล็บเหลี่ยม [ ] โดยแต่ละค่าคั่นด้วยจุลภาค แต่ละค่าอยู่ที่ตำแหน่งที่มีหมายเลขกำกับ เรียกว่า ดัชนี (index) ข้อควรระวัง การนับเริ่มต้นที่ 0 ดังนั้นสมาชิกตัวแรกจึงอยู่ที่ดัชนี 0 ตัวที่สองอยู่ที่ดัชนี 1 และเรื่อยไป คุณสมบัติ length บอกจำนวนสมาชิก

const fruits = ["apple", "banana", "cherry"];

console.log(fruits[0]);     // Prints: apple
console.log(fruits[2]);     // Prints: cherry
console.log(fruits.length); // Prints: 3

อาร์เรย์แก้ไขได้ง่าย เมท็อด push(...) เพิ่มสมาชิกที่ท้ายสุด เมท็อด (method) คือฟังก์ชันที่ผูกกับค่าหนึ่ง ๆ ซึ่งคุณเรียกใช้ด้วยจุด และสัญกรณ์ fruits[0] = ... จะแทนที่สมาชิกที่ดัชนีที่ระบุ

const fruits = ["apple", "banana"];

fruits.push("cherry"); // Adds at the end
fruits[0] = "pear";    // Replaces the first one
console.log(fruits);
// Prints: ["pear", "banana", "cherry"]

อ็อบเจกต์ (object) จัดกลุ่มข้อมูลที่เกี่ยวข้องกันหลายชิ้นในรูปคู่ คีย์: ค่า (key: value) ที่อยู่ในวงเล็บปีกกา { } คีย์คือชื่อ เหมือนป้ายกำกับของช่อง และค่าคือข้อมูลที่เชื่อมโยงกัน มันเหมาะอย่างยิ่งสำหรับอธิบายสิ่งในชีวิตประจำวัน เช่น คน สินค้า ภาพยนตร์... คุณอ่านหรือแก้ไขคุณสมบัติด้วยจุด เช่น user.name และคุณสามารถเพิ่มคุณสมบัติใหม่ได้ทุกเมื่อ

const user = {
  name: "Léa",
  age: 28
};

console.log(user.name); // Prints: Léa
user.age = 29;          // Modifies the property
user.city = "Lyon";     // Adds a property
console.log(user.age);  // Prints: 29
console.log(user.city); // Prints: Lyon

ทดสอบความรู้

ตรวจสอบว่าคุณจำประเด็นสำคัญของบทเรียนนี้ได้ครบถ้วน

1. คุณจะอ่านสมาชิกตัวแรกของอาร์เรย์ชื่อ fruits ได้อย่างไร?
   • fruits[1]
   • fruits[0]
   • fruits.first
2. เมท็อดใดเพิ่มสมาชิกที่ท้ายสุดของอาร์เรย์?
   • push()
   • add()
   • append()
   • insert()
3. คุณจะอ่านคุณสมบัติ name ของอ็อบเจกต์ user ได้อย่างไร?
   • user.name
   • name.user
   • user->name