Objects · Đối tượng
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Trang này cần trình duyệt gần đây (hỗ trợ SharedArrayBuffer). Vui lòng cập nhật Chrome, Edge, Firefox hoặc Safari lên phiên bản mới nhất.
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.
Tiếng Việt
Đối tượng nhóm dữ liệu liên quan
- Một đối tượng lưu trữ các giá trị có tên cùng nhau:
{ key: value, ... }. - Truy cập một giá trị theo khóa của nó bằng dấu chấm:
person.name. - Một đối tượng hoàn hảo cho một vật có nhiều chi tiết.
let person = { name: "Ada", age: 36 };
console.log(person.name); // → Ada
console.log(person.age); // → 36
Explore · Khám phá
A key looks up a value · Một khóa tra cứu một giá trị
An object maps each key to a value. obj.key looks one up instantly. · Một đối tượng ánh xạ mỗi khóa đến một giá trị. obj.key tra cứu ngay lập tức.
English
Change or add a property
- Assign to
obj.keyto change a value — or to add a brand-new one.
Tiếng Việt
Thay đổi hoặc thêm thuộc tính
- gán cho
obj.keyđể thay đổi giá trị — hoặc thêm một giá trị hoàn toàn mới.
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.
Tiếng Việt
Lưu ý
- Khóa bị thiếu sẽ trả về
undefined, không phải lỗi:person.height→undefined. person["name"]làm giống hệtperson.name— hữu ích khi khóa nằm trong một biến.
English
Common mistakes
- Read a value with
obj.keyorobj["key"]. - A missing key gives
undefined, not an error.
Tiếng Việt
Lỗi thường gặp
- Đọc giá trị bằng
obj.keyhoặcobj["key"]. - Khóa bị thiếu sẽ trả về
undefined, không phải lỗi.
English
Now you try
- Read and change object properties.
- Press Check answer to test it.
Tiếng Việt
Bây giờ bạn thử
- Đọc và thay đổi thuộc tính đối tượng.
- Nhấn Kiểm tra đáp án để thử nghiệm.
let book = { title: "CS", pages: 200 }. Log the book's title with book.title (it is CS). · let book = { title: "CS", pages: 200 }. In ra thuộc tính title của cuốn sách với book.title (nó là CS).
Click Run to see the output here. · Nhấn Chạy để xem kết quả ở đây.
let car = { speed: 0 }. Change car.speed to 80, then log it. · let car = { speed: 0 }. Thay đổi car.speed thành 80, sau đó in ra nó.
Click Run to see the output here. · Nhấn Chạy để xem kết quả ở đây.
Create an object p with a property x set to 3 and a property y set to 4. · Tạo một đối tượng p với thuộc tính x được đặt là 3 và thuộc tính y được đặt là 4.
Click Run to see the output here. · Nhấn Chạy để xem kết quả ở đây.