Thuộc tính đối tượng JavaScript
Một đối tượng là một tập hợp các thuộc tính không có thứ tự
Thuộc tính là phần quan trọng nhất của đối tượng JavaScript.
Các thuộc tính có thể được thay đổi, thêm, xóa và một số thuộc tính chỉ đọc.
Truy cập thuộc tính JavaScript
Cú pháp để truy cập thuộc tính của một đối tượng là:
// objectName.property
let age = person.age;
hoặc
// objectName [" property "]
let age = person["age"];
hoặc
// objectName [ expression ]
let age = person[x];
Ví dụ
person.firstname + " is " + person.age + " years old.";
Hãy tự mình thử »
person["firstname"] + " is " + person["age"] + " years old.";
Hãy tự mình thử »
person["firstname"] + " is " + person["age"] + " years old.";
Hãy tự mình thử »Thêm thuộc tính mới
Bạn có thể thêm thuộc tính mới vào một đối tượng hiện có bằng cách gán cho nó một giá trị:
Xóa thuộc tính
Từ khóa delete
xóa một thuộc tính khỏi một đối tượng:
Ví dụ
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
delete person.age;
Hãy tự mình thử »hoặc xóa người["tuổi"];
Ví dụ
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
delete person["age"];
Hãy tự mình thử »Ghi chú:
Từ khóa delete
sẽ xóa cả giá trị của thuộc tính và chính thuộc tính đó.
Sau khi xóa, thuộc tính không thể được sử dụng trước khi nó được thêm lại.
Đối tượng lồng nhau
Giá trị thuộc tính trong một đối tượng có thể là các đối tượng khác:
Ví dụ
myObj = {
name:"John",
age:30,
myCars: {
car1:"Ford",
car2:"BMW",
car3:"Fiat"
}
}
Bạn có thể truy cập các đối tượng lồng nhau bằng ký hiệu dấu chấm hoặc ký hiệu ngoặc:
Ví dụ
myObj.myCars.car2;
Hãy tự mình thử »
myObj.myCars["car2"];
Hãy tự mình thử »
myObj["myCars"]["car2"];
Hãy tự mình thử »
let p1 = "myCars";
let p2 = "car2";
myObj[p1][p2];
Hãy tự mình thử »Tham chiếu đối tượng hoàn chỉnh
Để tham khảo đầy đủ, hãy truy cập:
Tham chiếu đối tượng JavaScript hoàn chỉnh .
Tài liệu tham khảo chứa các mô tả và ví dụ về tất cả các Thuộc tính và Phương thức đối tượng.