Đối với...trong đối tượng JavaScript

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ặp

Ghi 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

let obj = {
    propertyName: value,
    ...
};
Code language: JavaScript (javascript)

8 để lặp qua vô số thuộc tính của một đối tượng

Giới thiệu về vòng lặp let obj = { propertyName: value, ... }; (adsbygoogle = window.adsbygoogle || []).push({}); Code language: JavaScript (javascript)8 của JavaScript

Vòng lặp

let obj = {
    propertyName: value,
    ...
};
Code language: JavaScript (javascript)

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ệu

Một thuộc tính có thể đếm được khi cờ

for(const propertyName in object) {
    // ...
}
Code language: JavaScript (javascript)

1 bên trong của nó được đặt thành

for(const propertyName in object) {
    // ...
}
Code language: JavaScript (javascript)

2

Cờ

for(const propertyName in object) {
    // ...
}
Code language: JavaScript (javascript)

1 mặc định là

for(const propertyName in object) {
    // ...
}
Code language: JavaScript (javascript)

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ính

object.propertyName = value;

hoặc là

let obj = {
    propertyName: value,
    ...
};
Code language: JavaScript (javascript)

Sau đây là cú pháp của vòng lặp

let obj = {
    propertyName: value,
    ...
};
Code language: JavaScript (javascript)

8

for(const propertyName in object) {
    // ...
}



Code language: JavaScript (javascript)

let obj = {
    propertyName: value,
    ...
};
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ụ

var person = {
    firstName: 'John',
    lastName: 'Doe',
    ssn: '299-24-2351'
};

for(var prop in person) {
    console.log(prop + ':' + person[prop]);
}
Code language: JavaScript (javascript)

đầu ra

firstName:John
lastName:Doe
ssn:299-24-2351
Code language: CSS (css)

Trong ví dụ này, chúng tôi đã sử dụng vòng lặp

let obj = {
    propertyName: value,
    ...
};
Code language: JavaScript (javascript)

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 sau

object[property];
Code language: CSS (css)

Vòng lặp let obj = { propertyName: value, ... }; Code language: JavaScript (javascript)8 & Kế thừa

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

let obj = {
    propertyName: value,
    ...
};
Code language: JavaScript (javascript)

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ụ sau

var decoration = {
    color: 'red'
};

var circle = Object.create(decoration);
circle.radius = 10;


for(const prop in circle) {
    console.log(prop);
}
Code language: JavaScript (javascript)

đầu ra

radius
color

Đối tượng

var person = {
    firstName: 'John',
    lastName: 'Doe',
    ssn: '299-24-2351'
};

for(var prop in person) {
    console.log(prop + ':' + person[prop]);
}
Code language: JavaScript (javascript)

0 có nguyên mẫu riêng tham chiếu đến đối tượng

var person = {
    firstName: 'John',
    lastName: 'Doe',
    ssn: '299-24-2351'
};

for(var prop in person) {
    console.log(prop + ':' + person[prop]);
}
Code language: JavaScript (javascript)

1. Do đó, vòng lặp

let obj = {
    propertyName: value,
    ...
};
Code language: JavaScript (javascript)

8 hiển thị các thuộc tính của đối tượng

var person = {
    firstName: 'John',
    lastName: 'Doe',
    ssn: '299-24-2351'
};

for(var prop in person) {
    console.log(prop + ':' + person[prop]);
}
Code language: JavaScript (javascript)

0 và nguyên mẫu của nó

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

var person = {
    firstName: 'John',
    lastName: 'Doe',
    ssn: '299-24-2351'
};

for(var prop in person) {
    console.log(prop + ':' + person[prop]);
}
Code language: JavaScript (javascript)

4

for(const prop in circle) {
    if(circle.hasOwnProperty(prop)) {
        console.log(prop);
    }
}
Code language: JavaScript (javascript)

đầu ra

radius

Vòng lặp và mảng let obj = { propertyName: value, ... }; Code language: JavaScript (javascript)8

Tốt nhất là không sử dụng

let obj = {
    propertyName: value,
    ...
};
Code language: JavaScript (javascript)

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ọng

Chúng ta có thể sử dụng vòng lặp for trong đối tượng không?

Vòng lặp for trong đối tượng là gì?

Vòng lặp for trong JavaScript là gì?

Sự khác biệt giữa các phím for in và object là gì?