Thuộc tính là phần quan trọng nhất của bất kỳ đối tượng JavaScript nào.
Thuộc tính JavaScript
Thuộc tính là các giá trị được liên kết với một đối tượng JavaScript.
Một đối tượng JavaScript là một tập hợp các thuộc tính không có thứ tự.
Các thuộc tính thường có thể được thay đổi, thêm và xóa, nhưng một số chỉ được đọc.
Truy cập các 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 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // person.age
hoặc
ObjectName ["Thuộc tính"] & nbsp; & nbsp; & nbsp; // người ["Tuổi"]
hoặc
ObjectName ["Thuộc tính"] & nbsp; & nbsp; & nbsp; // người ["Tuổi"]
ObjectName [Biểu thức] & nbsp; & nbsp; // x = "tuổi"; người [x]
Biểu thức phải đánh giá đến một tên thuộc tính.
Ví dụ 2
người ["FirstName"] + "là" + người ["tuổi"] + "tuổi.";
Hãy tự mình thử »
JavaScript cho ... trong vòng lặp
Câu lệnh JavaScript for...in
vòng lặp thông qua các thuộc tính của một đối tượng.
Cú pháp
// code to be executed
}
for [Đặt biến trong đối tượng] {& nbsp; // Mã được thực thi}
Khối mã bên trong vòng for...in
sẽ được thực thi một lần cho mỗi thuộc tính.
Vòng lặp qua các thuộc tính của một đối tượng:
Thí dụ
fname:" John",
lname:" Doe",
age: 25
};
const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};
txt += person[x];
}
người ["FirstName"] + "là" + người ["tuổi"] + "tuổi.";
Hãy tự mình thử »
JavaScript cho ... trong vòng lặp
Câu lệnh JavaScript for...in
vòng lặp thông qua các thuộc tính của một đối tượng.
Cú pháp
for [Đặt biến trong đối tượng] {& nbsp; // Mã được thực thi}
Vòng lặp qua các thuộc tính của một đối tượng:
Thí dụ
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};
người ["FirstName"] + "là" + người ["tuổi"] + "tuổi.";
Hãy tự mình thử »
Vòng lặp qua các thuộc tính của một đối tượng:
Thí dụ
firstName: "John",
lastName:
"Doe",
age: 50,
eyeColor: "blue"
};
const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};
người ["FirstName"] + "là" + người ["tuổi"] + "tuổi.";
Hãy tự mình thử »
JavaScript cho ... trong vòng lặp
Câu lệnh JavaScript for...in
vòng lặp thông qua các thuộc tính của một đối tượng.
Cú pháp
for [Đặt biến trong đối tượng] {& nbsp; // Mã được thực thi}
Khối mã bên trong vòng for...in
sẽ được thực thi một lần cho mỗi thuộc tính.
Vòng lặp qua các thuộc tính của một đối tượng:
Thí dụ
name:"John",
age:30,
cars: {
car1:"Ford",
car2:"BMW",
car3:"Fiat"
}
}
const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};
or:
or:
or:
for [đặt x trực tiếp] {& nbsp; txt += người [x]; }
Thêm các thuộc tính mới
Vòng lặp qua các thuộc tính của một đối tượng:
Thí dụ
name: "John",
age: 30,
cars: [
{name:"Ford", models:["Fiesta", "Focus", "Mustang"]},
{name:"BMW", models:["320", "X3", "X5"]},
{name:"Fiat", models:["500",
"Panda"]}
]
}
const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};
Vòng lặp qua các thuộc tính của một đối tượng:
Thí dụ
x += "
" + myObj.cars[i].name + "
";for [let j in myObj.cars[i].models] {
x += myObj.cars[i].models[j];
}
}
người ["FirstName"] + "là" + người ["tuổi"] + "tuổi.";
Hãy tự mình thử »
JavaScript cho ... trong vòng lặp
Câu lệnh JavaScript for...in
vòng lặp thông qua các thuộc tính của một đối tượng.
Cú pháp
for [Đặt biến trong đối tượng] {& nbsp; // Mã được thực thi}
Khối mã bên trong vòng for...in
sẽ được thực thi một lần cho mỗi thuộc tính.
Vòng lặp qua các thuộc tính của một đối tượng:
Thí dụ
const person = {& nbsp; fname: "John", & nbsp; lname: "doe", & nbsp; Tuổi: 25};
for [đặt x trực tiếp] {& nbsp; txt += người [x]; }
Có thể thêm các thuộc tính vào đối tượng này sau khi tạo ban đầu nếu tên thuộc tính không được xác định cho đến khi chạy không? Câu trả lời là có, và bạn có thể thêm các thuộc tính động vào một đối tượng sau khi đối tượng được tạo và hãy để xem cách chúng ta có thể làm điều đó.
Để thêm một thuộc tính mới vào đối tượng JavaScript, hãy xác định tên đối tượng theo sau là dấu chấm, tên của một thuộc tính mới, một dấu bằng và giá trị cho thuộc tính mới. Sẽ không có vấn đề gì nếu bạn phải thêm thuộc tính, thay đổi giá trị thuộc tính hoặc đọc một giá trị của tài sản; Bạn có sự lựa chọn sau của cú pháp.It does not matter if you have to add the property, change the property’s value, or read a value of the property; you have the following choice of syntax.
- Cú pháp chấm
- Ký hiệu khung vuông. [Cú pháp DOT đơn giản hơn và nói chung là đủ].
Cú pháp chấm
Để thêm một thuộc tính mới vào đối tượng JavaScript, hãy sử dụng cú pháp dot. Nó sẽ thêm một thuộc tính vào đối tượng hiện có.
Hãy xem xét các ví dụ sau đây đối tượng JavaScript theo nghĩa đen.
// app.js let obj = { name: 'Krunal', age: 27, education: 'Engineer' }; console.log[obj] obj.college = 'VVP'; console.log['After adding a property using dot syntax']; console.log[obj];
Đầu ra
{ name: 'Krunal', age: 27, education: 'Engineer' } After adding a property using dot syntax { name: 'Krunal', age: 27, education: 'Engineer', college: 'VVP' }
Bạn có thể thấy rằng sử dụng cú pháp DOT và chúng tôi đã thêm một thuộc tính mới có tên là College & NBSP; và đăng nhập đối tượng.college and logged the Object.
Ký hiệu khung vuông để thêm thuộc tính vào đối tượng JavaScript
Để thêm một thuộc tính, sử dụng ký hiệu khung vuông. Sau đây cho thấy cú pháp khung vuông.
obj['college'] = 'VVP';
Xem mã sau.
// app.js let obj = { name: 'Krunal', age: 27, education: 'Engineer' }; console.log[obj] obj['college'] = 'VVP'; console.log['After adding a property using square bracket syntax']; console.log[obj];
Đầu ra
{ name: 'Krunal', age: 27, education: 'Engineer' } After adding a property using square bracket syntax { name: 'Krunal', age: 27, education: 'Engineer', college: 'VVP' }
Bạn có thể thấy rằng sử dụng cú pháp DOT và chúng tôi đã thêm một thuộc tính mới có tên là College & NBSP; và đăng nhập đối tượng.for-in loop or is an expression to be evaluated, such as the following code.
// app.js let obj = {}; console.log[obj]; for [var i = 0; i