Đối tượng vòng lặp JavaScript
Hôm qua, chúng ta đã xem xét cách tiếp cận khác nhau để lặp qua mảng và phần tử bằng JavaScript. Hôm nay, chúng ta sẽ xem xét một vài phương pháp để lặp qua các đối tượng Show
Nào cùng đào vào bên trong Đối tượng ví dụĐối với bài viết hôm nay, hãy sử dụng một đối tượng với các chi tiết của một đơn đặt hàng 2 làm ví dụ
Chúng tôi sẽ lặp lại nó và ghi từng mục vào bảng điều khiển, nhưng trong một trang web hoặc ứng dụng thực, bạn có thể muốn thao tác dữ liệu theo một cách nào đó Vòng lặp // logs "sandwich", "ham", "snack", "chips", "drink", "soda", "desert", "cookie", "guests", 3, "alcohol", false for (let key in lunch) { console.log(key); // key console.log(lunch[key]); // value } 3Vòng lặp 3 tương tự như , nhưng được sử dụng để lặp qua các đối tượngTrong một vòng lặp 3, bạn xác định một biến để đại diện cho 2 của mục hiện tại 3 đối tượng mà bạn đang lặp qua. Bên trong khối (phần nằm giữa dấu ngoặc nhọn), bạn có thể sử dụng biến đó để tham chiếu mục hiện tại
Đây là một bản demo Bỏ qua và kết thúc vòng lặpCũng giống như vòng lặp 4 và 0, bạn có thể sử dụng toán tử 6 và 7 trong vòng lặp 3________số 8 Đây là một bản demo khác Phương pháp // logs "sandwich", "ham", "snack", "chips", "drink", "soda", "desert", "cookie", "guests", 3, "alcohol", false for (let key in lunch) { console.log(key); // key console.log(lunch[key]); // value } 9Phương thức 9 trả về một mảng khóa từ một đối tượng. Bạn chuyển vào đối tượng làm đối số 1Bạn có thể kết hợp nó với một vòng lặp 0 (hoặc bất kỳ kỹ thuật mảng nào khác mà chúng ta đã xem ngày hôm qua) để lặp qua đối tượng 3Đây là bản demo của kỹ thuật này đang hoạt động Phương pháp for (let key in lunch) { if (key === 'drink') break; console.log(lunch[key]); } 2Phương thức 2 trả về một mảng gồm các cặp khóa/giá trị từ một đối tượng, cũng được biểu diễn dưới dạng mảng. Truyền vào đối tượng dưới dạng đối số 6Bạn có thể kết hợp kỹ thuật này với một vòng lặp 0 và lặp qua đối tượng 8Đây là bản demo cuối cùng dành cho bạn Bạn nên sử dụng phương pháp nào, và tại sao?cái này khá đơn giản đối với tôi. 2 với 0. Có một biến dành riêng cho 7 trong vòng lặp thực sự rất tuyệt
Chúng ta có thể lặp đối tượng trong JavaScript không?Nếu bạn có một mảng được coi là đối tượng trong javascript, bạn không thể lặp qua mảng bằng map(), forEach() hoặc for. của vòng lặp .
Làm cách nào để lặp qua đối tượng trong JavaScript?Cách lặp lại các thuộc tính đối tượng trong JavaScript . mục const = { 'đầu tiên'. Ngày mới(), 'thứ hai'. 2, 'thứ ba'. 'kiểm tra' } mặt hàng. bản đồ (mục => {}) mặt hàng. forEach(mục => {}) cho (const mục của các mục) {} for (const item in items) { console. nhật ký (mục) } Sự vật. mục (mục). bản đồ (mục => { bảng điều khiển. nhật ký (mục) }) Đối tượng Bạn có thể sử dụng vòng lặp for cho các đố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 lại đối tượng giá trị khóa trong JavaScript?Bạn phải chuyển đối tượng bạn muốn lặp lại và Đối tượng JavaScript. keys() sẽ trả về một mảng bao gồm tất cả các khóa hoặc tên thuộc tính. Sau đó, bạn có thể lặp qua mảng đó và tìm nạp giá trị của từng thuộc tính bằng cách sử dụng phương thức lặp mảng, chẳng hạn như vòng lặp JavaScript forEach() |