Trong ví dụ này, bạn sẽ học cách viết một chương trình JavaScript sẽ lặp qua một đối tượng.
Để hiểu ví dụ này, bạn nên có kiến thức về các chủ đề lập trình JavaScript sau:
- Đối tượng JavaScript
- JavaScript cho… trong vòng lặp
Ví dụ 1: Loop Through Object Sử dụng cho… in
// program to loop through an object using for… in loop const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); // using for… in for (let key in student) ( let value; // get the value value = student(key); console.log(key + " - " + value); )
Đầu ra
tên - tuổi John - 20 sở thích - ("đọc", "trò chơi", "viết mã")
Trong ví dụ trên, for… invòng lặp được sử dụng để lặp qua studentđối tượng.
Giá trị của mỗi khóa được truy cập bằng cách sử dụng student(key).
Lưu ý : for… inVòng lặp cũng sẽ đếm các thuộc tính kế thừa.
Ví dụ,
const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); const person = ( gender: 'male' ) // inheriting property student.__proto__ = person; for (let key in student) ( let value; // get the value value = student(key); console.log(key + " - " + value); )
Đầu ra
tên - tuổi John - 20 sở thích - ("đọc", "trò chơi", "mã hóa") giới tính - nam
Nếu muốn, bạn chỉ có thể lặp qua thuộc tính riêng của đối tượng bằng cách sử dụng hasOwnProperty()phương thức.
if (student.hasOwnProperty(key)) ( ++count: )
Ví dụ 2: Vòng lặp qua đối tượng bằng cách sử dụng Object.entries và cho… of
// program to loop through an object using for… in loop const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); // using Object.entries // using for… of loop for (let (key, value) of Object.entries(student)) ( console.log(key + " - " + value); )
Đầu ra
tên - tuổi John - 20 sở thích - ("đọc", "trò chơi", "viết mã")
Trong chương trình trên, đối tượng được lặp bằng Object.entries()phương thức và for… ofvòng lặp.
Các Object.entries()phương thức trả về một mảng các cặp khóa / giá trị của một đối tượng nhất định của. Các for… ofvòng lặp được sử dụng để lặp qua một mảng.
