cho. trong vòng lặp được sử dụng để lặp qua các thuộc tính của đối tượng. Vì chúng ta chưa thảo luận về Đối tượng, bạn có thể không cảm thấy thoải mái với vòng lặp này. Nhưng khi bạn hiểu cách các đối tượng hoạt động trong JavaScript, bạn sẽ thấy vòng lặp này rất hữu ích
cú pháp
Cú pháp của 'cho. trong vòng lặp là −for [variablename in object] { statement or block to execute }
Trong mỗi lần lặp, một thuộc tính từ đối tượng được gán cho tên biến và vòng lặp này tiếp tục cho đến khi tất cả các thuộc tính của đối tượng cạn kiệt
Trong JavaScript, vòng lặp for-in là một câu lệnh điều khiển cơ bản cho phép bạn lặp qua các thuộc tính của một đối tượng. Các câu lệnh của mã được tìm thấy trong thân vòng lặp sẽ được thực thi một lần cho mỗi thuộc tính của đối tượng
cú pháp
Cú pháp cho vòng lặp for-in trong JavaScript là
for [variable in object] {
// statements
}
Tham số hoặc Đối số
biếnTên của một biến, một phần tử của một mảng hoặc thuộc tính của một đối tượng. objectMột đối tượng hợp lệ hoặc tên của một đối tượng có thuộc tính sẽ được lặp lại thông qua. câu lệnhCác câu lệnh của mã để thực thi mỗi lần đi qua vòng lặpGhi chú
- Phần thân của vòng lặp for-in sẽ thực thi một lần cho mỗi thuộc tính của đối tượng
- Vòng lặp for-in không lặp qua tất cả các thuộc tính của đối tượng. Nó chỉ có thể lặp qua vô số thuộc tính, chẳng hạn như thuộc tính do người dùng xác định hoặc thuộc tính do người dùng xác định kế thừa. Bất kỳ thuộc tính nào được gắn cờ là không thể đếm được [chẳng hạn như các thuộc tính hoặc phương thức tích hợp sẵn] sẽ không được lặp lại thông qua việc sử dụng vòng lặp for-in
- Vì không có thứ tự cụ thể mà các thuộc tính đối tượng được liệt kê trong vòng lặp for-in, nên JavaScript có thể lặp qua các thuộc tính theo một thứ tự khác tùy thuộc vào cách triển khai hoặc phiên bản JavaScript của bạn
- Xem thêm câu lệnh break để sớm thoát khỏi vòng lặp for-in
Thí dụ
Hãy xem một ví dụ cho thấy cách sử dụng vòng lặp for-in trong JavaScript
Ví dụ
var totn_colors = { primary: 'blue', secondary: 'gray', tertiary: 'white' };
for [var color in totn_colors] {
console.log[totn_colors[color]];
}
Trong ví dụ này, phần sau đây sẽ được xuất ra nhật ký bảng điều khiển trình duyệt web
blue gray white
TIỀN BOA. Mỗi lần triển khai JavaScript có thể lặp qua các thuộc tính theo một thứ tự khác. Đầu ra ở trên là những gì xuất hiện trong quá trình triển khai JavaScript của chúng tôi, nhưng đầu ra có thể xuất hiện theo một thứ tự khác trong phiên bản JavaScript của bạn
Sử dụng vòng lặp for-in với Array
Vì một mảng là một đối tượng, bạn có thể sử dụng vòng lặp for-in để lặp qua các phần tử của mảng
Tóm lược. trong hướng dẫn này, bạn sẽ học cách sử dụng vòng lặp JavaScript
8 để lặp qua vô số thuộc tính của một đối tượngCode language: JavaScript [javascript]
let obj = { propertyName: value, ... };
Giới thiệu về vòng lặp let obj = {
propertyName: value,
...
};
Code language: JavaScript [javascript]
8 của JavaScript
let obj = {
propertyName: value,
...
};
Vòng lặp
8 trên vô số thuộc tính được khóa bởi các chuỗi của một đối tượng. Lưu ý rằng một thuộc tính có thể được khóa bằng một chuỗi hoặc ký hiệuCode language: JavaScript [javascript]
let obj = { propertyName: value, ... };
Một thuộc tính có thể đếm được khi cờ
1 bên trong của nó được đặt thànhCode language: JavaScript [javascript]
for[const propertyName in object] { // ... }
2Code language: JavaScript [javascript]
for[const propertyName in object] { // ... }
Cờ
1 mặc định làCode language: JavaScript [javascript]
for[const propertyName in object] { // ... }
2 khi thuộc tính được tạo thông qua một phép gán đơn giản hoặc thông qua trình khởi tạo thuộc tínhCode language: JavaScript [javascript]
for[const propertyName in object] { // ... }
object.propertyName = value;
hoặc là
Code language: JavaScript [javascript]
let obj = { propertyName: value, ... };
Sau đây là cú pháp của vòng lặp
8Code language: JavaScript [javascript]
let obj = { propertyName: value, ... };
for[const propertyName in object] { // ... }
Code language: JavaScript [javascript]
8 cho phép bạn truy cập từng thuộc tính và giá trị của một đối tượng mà không cần biết tên cụ thể của thuộc tính. Ví dụCode language: JavaScript [javascript]
let obj = { propertyName: value, ... };
Code language: JavaScript [javascript]
var person = { firstName: 'John', lastName: 'Doe', ssn: '299-24-2351' }; for[var prop in person] { console.log[prop + ':' + person[prop]]; }
đầu ra
Code language: CSS [css]
firstName:John lastName:Doe ssn:299-24-2351
Trong ví dụ này, chúng tôi đã sử dụng vòng lặp
8 để lặp lại các thuộc tính của đối tượng người. Chúng tôi đã truy cập giá trị của từng thuộc tính bằng cú pháp sauCode language: JavaScript [javascript]
let obj = { propertyName: value, ... };
Code language: CSS [css]
object[property];
Vòng lặp let obj = {
propertyName: value,
...
};
Code language: JavaScript [javascript]
8 & Kế thừa
let obj = {
propertyName: value,
...
};
Khi bạn lặp qua các thuộc tính của một đối tượng kế thừa từ một đối tượng khác, câu lệnh
8 sẽ xuất hiện trong chuỗi nguyên mẫu và liệt kê các thuộc tính được kế thừa. Xem xét ví dụ sauCode language: JavaScript [javascript]
let obj = { propertyName: value, ... };
Code language: JavaScript [javascript]
var decoration = { color: 'red' }; var circle = Object.create[decoration]; circle.radius = 10; for[const prop in circle] { console.log[prop]; }
đầu ra
radius color
Đối tượng
0 có nguyên mẫu riêng tham chiếu đến đối tượngCode language: JavaScript [javascript]
var person = { firstName: 'John', lastName: 'Doe', ssn: '299-24-2351' }; for[var prop in person] { console.log[prop + ':' + person[prop]]; }
1. Do đó, vòng lặpCode language: JavaScript [javascript]
var person = { firstName: 'John', lastName: 'Doe', ssn: '299-24-2351' }; for[var prop in person] { console.log[prop + ':' + person[prop]]; }
8 hiển thị các thuộc tính của đối tượngCode language: JavaScript [javascript]
let obj = { propertyName: value, ... };
0 và nguyên mẫu của nóCode language: JavaScript [javascript]
var person = { firstName: 'John', lastName: 'Doe', ssn: '299-24-2351' }; for[var prop in person] { console.log[prop + ':' + person[prop]]; }
Nếu bạn chỉ muốn liệt kê các thuộc tính riêng của một đối tượng, bạn sử dụng phương thức
4Code language: JavaScript [javascript]
var person = { firstName: 'John', lastName: 'Doe', ssn: '299-24-2351' }; for[var prop in person] { console.log[prop + ':' + person[prop]]; }
Code language: JavaScript [javascript]
for[const prop in circle] { if[circle.hasOwnProperty[prop]] { console.log[prop]; } }
đầu ra
radius
Vòng lặp và mảng let obj = {
propertyName: value,
...
};
Code language: JavaScript [javascript]
8
let obj = {
propertyName: value,
...
};
Tốt nhất là không sử dụng
8 để lặp lại một mảng, đặc biệt khi thứ tự của các phần tử mảng là quan trọngCode language: JavaScript [javascript]
let obj = { propertyName: value, ... };