Làm cách nào để lặp trên đối tượng trong JavaScript?
Ngày đăng:
25/12/2022
Trả lời:
0
Lượt xem:
27
Phương thức 4 đã được thêm vào trong ES6, trong khi đó, phương thức 0 và 5 đã được thêm vào trong ES8. Các phương thức này chuyển đổi đối tượng thành một mảng và sau đó sử dụng các phương thức lặp mảng để lặp lại mảng đó Show
Lặp lại đối tượng bằng vòng lặp const birds = { owl: '🦉', eagle: '🦅', duck: '🦆', chicken: '🐔' } for (const key in birds) { console.log(`${key} -> ${birds[key]}`) } // owl -> 🦉 // eagle -> 🦅 // duck -> 🦆 // chicken -> 🐔 6Cách đơn giản và phổ biến nhất để lặp lại các khóa và giá trị của một đối tượng là sử dụng vòng lặp 6
Vòng lặp 6 hoạt động trong tất cả các trình duyệt hiện đại và cũ, bao gồm cả Internet Explorer 6+Vấn đề duy nhất với vòng lặp 6 là nó lặp qua các thuộc tính trong chuỗi nguyên mẫuVì đối tượng JavaScript kế thừa các thuộc tính từ nguyên mẫu của nó, nên vòng lặp 6 cũng sẽ lặp lại các thuộc tính đóTuy nhiên, bạn có thể sử dụng phương thức 9 để loại trừ các thuộc tính kế thừa
Lặp lại đối tượng bằng phương pháp const birds = { owl: '🦉', eagle: '🦅', duck: '🦆', chicken: '🐔' } for (const key in birds) { console.log(`${key} -> ${birds[key]}`) } // owl -> 🦉 // eagle -> 🦅 // duck -> 🦆 // chicken -> 🐔 4Phương thức 4 lấy một đối tượng làm đầu vào và trả về một mảng các tên thuộc tính có thể đếm được của chính đối tượng đó
Bây giờ chúng ta có thể sử dụng vòng lặp 2 để lặp lại mảng và lấy giá trị của từng thuộc tính
Lặp lại đối tượng bằng phương pháp const birds = { owl: '🦉', eagle: '🦅', duck: '🦆', chicken: '🐔' } for (const key in birds) { console.log(`${key} -> ${birds[key]}`) } // owl -> 🦉 // eagle -> 🦅 // duck -> 🦆 // chicken -> 🐔 5Phương thức 5, không giống như 4, trả về một mảng các giá trị thuộc tính có thể đếm được của chính đối tượng đã cho
Lặp lại đối tượng bằng phương thức for (const key in birds) { if (birds.hasOwnProperty(key)) { console.log(`${key} -> ${birds[key]}`) } } 0Phương thức 0 trả về một mảng các mảng, theo đó mỗi mảng lồng nhau có hai phần tử. Phần tử đầu tiên là thuộc tính và phần tử thứ hai là giá trị 0Để lặp lại mảng lồng nhau được trả về bởi 0, hãy sử dụng vòng lặp 9 hoặc phương thức 2 như hình bên dưới
Chúng ta có thể sử dụng vòng lặp for trên đối tượng trong JavaScript không?Trong JavaScript, khi bạn nghe thuật ngữ "vòng lặp", bạn có thể nghĩ đến việc sử dụng các phương thức vòng lặp khác nhau như vòng lặp for, forEach(), map() và các phương thức khác. Nhưng trong trường hợp đối tượng, thật không may, các phương thức này không hoạt động vì đối tượng không thể lặp lại .
Làm cách nào để lặp lại đối tượng đối tượng trong JavaScript?Có hai phương pháp để lặp qua một đối tượng sẽ được thảo luận bên dưới. Phương pháp 1. Sử dụng vòng lặp for…in . Các thuộc tính của đối tượng có thể được lặp đi lặp lại bằng cách sử dụng for. trong vòng lặp. Vòng lặp này được sử dụng để lặp qua tất cả các thuộc tính có thể lặp lại không phải là Biểu tượng của một đối tượng.
Bạn có thể sử dụng vòng lặp for trên một đối tượng không?Cho. vòng lặp chỉ hỗ trợ các đối tượng có thể lặp lại như mảng, không phải đối tượng .
Làm cách nào để lặp qua các thuộc tính đối tượng trong JavaScript?3 phương thức để lặp qua Thuộc tính đối tượng trong JavaScript là. . Vật. phím (Tham khảo nhà phát triển Mozilla) Vật. mục nhập (Tham khảo nhà phát triển Mozilla) Vòng lặp for-in (Tham khảo nhà phát triển Mozilla) |