Objects · ออบเจกต์ (Objects)
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · หน้านี้ต้องใช้เบราว์เซอร์ล่าสุด (รองรับ SharedArrayBuffer) กรุณาอัปเดต Chrome, Edge, Firefox หรือ Safari เป็นเวอร์ชันล่าสุด
English
Objects group related data
- An object stores named values together:
{ key: value, ... }. - Reach a value by its key with a dot:
person.name. - An object is perfect for one thing that has several details.
ไทย
Object รวมข้อมูลที่เกี่ยวข้องกัน
- Object เก็บค่าที่มี ชื่อ ไว้ด้วยกัน:
{ key: value, ... } - เข้าถึงค่าโดยใช้คีย์พร้อมจุด:
person.name - Object เหมาะสำหรับการจัดกลุ่ม สิ่งใดสิ่งหนึ่ง ที่มีรายละเอียดหลายอย่าง
let person = { name: "Ada", age: 36 };
console.log(person.name); // → Ada
console.log(person.age); // → 36
Explore · สำรวจ
A key looks up a value · คีย์ใช้สำหรับดึงค่าออกมา
An object maps each key to a value. obj.key looks one up instantly. · ออบเจกต์จะจับคู่แต่ละ คีย์ กับ ค่า obj.key ช่วยในการค้นหาได้อย่างรวดเร็ว
English
Change or add a property
- Assign to
obj.keyto change a value — or to add a brand-new one.
ไทย
เปลี่ยนหรือเพิ่ม Property
- assign ให้
obj.keyเพื่อเปลี่ยนค่า — หรือเพิ่มค่าใหม่ทั้งหมด
let car = { speed: 0 };
car.speed = 60; // change an existing key
car.colour = "red"; // add a new key
console.log(car.speed); // → 60
English
Watch out
- A missing key gives
undefined, not an error:person.height→undefined. person["name"]does the same asperson.name— handy when the key sits in a variable.
ไทย
ระวัง
- คีย์ที่ไม่พบจะให้
undefinedไม่ใช่ข้อผิดพลาด:person.height→undefined person["name"]ทำงานเหมือนperson.name— มีประโยชน์เมื่อคีย์อยู่ในตัวแปร
English
Common mistakes
- Read a value with
obj.keyorobj["key"]. - A missing key gives
undefined, not an error.
ไทย
ข้อผิดพลาดที่พบบ่อย
- อ่านค่าโดยใช้
obj.keyหรือobj["key"] - คีย์ที่ไม่พบจะให้
undefinedไม่ใช่ข้อผิดพลาด
English
Now you try
- Read and change object properties.
- Press Check answer to test it.
ไทย
ลองดูเลย
- อ่านและแก้ไข properties ของ object
- กด Check answer เพื่อทดสอบ
let book = { title: "CS", pages: 200 }. Log the book's title with book.title (it is CS). · let book = { title: "CS", pages: 200 }. บันทึกข้อมูล title ของหนังสือลงด้วย book.title (มีค่าเป็น CS).
Click Run to see the output here. · คลิก Run เพื่อดูผลลัพธ์ที่นี่
let car = { speed: 0 }. Change car.speed to 80, then log it. · let car = { speed: 0 }. เปลี่ยน car.speed เป็น 80 จากนั้นบันทึกข้อมูลมัน.
Click Run to see the output here. · คลิก Run เพื่อดูผลลัพธ์ที่นี่
Create an object p with a property x set to 3 and a property y set to 4. · สร้างออบเจกต์ p ที่มีโปรپอร์ตี้ x ตั้งค่าเป็น 3 และมีโปรپอร์ตี้ y ตั้งค่าเป็น 4
Click Run to see the output here. · คลิก Run เพื่อดูผลลัพธ์ที่นี่