Vòng lặp for of trong javascript
Vòng lặp dùng để thực thi một hành động lặp đi lặp lại. Bên cạnh đó, các bài toán từ đơn giản đến phức tạp, không bài nào là không bắt gặp vòng lặp. Nó xuất hiện ở mọi bài toán, mọi vấn đề. Trong bài viết này, mình sẽ đào sâu vào vòng lặp for trong Javascript. Cũng như những ngôn ngữ lập trình khác, Javascript có rất nhiều cấu trúc lặp khác nhau Trước hết, chúng ta cùng xem lại cấu trúc của vòng lặp for và cách sử dụng của nó. 1. Vòng lặp forCú pháplet i = 0 : khởi tạo biến cho vòng lặp i < 10 : điều kiện để vòng lặp thực hiện i++ : tăng giá trị biến chạy lên 1 mỗi khi thực hiện xong hành động Bạn có thể bỏ trống giá trị ban đầu trong cú pháp của vòng lặp Bạn cũng có thể bỏ trống giá trị thứ hai trong cú pháp của vòng lặp for. Lúc này, nếu giá trị thứ hai trả về giá trị Nếu bỏ trống giá trị thứ hai thì bắt buộc trong vòng lặp phải có lệnh Giá trị thứ ba trong cú pháp vòng lặp for cũng không thực sự cần thiết nếu như bạn thay đổi giá trị của biến chạy trong vòng lặp. Tuy nhiên, việc bỏ trống các giá trị trong cú pháp của vòng lặp for là không nên. Dù ngắn gọn nhưng nếu dùng không đúng lúc sẽ khiến code của chúng ta khó đọc lại. Ví dụ
Kết quả in ra
Đoạn code trên là ví dụ của vòng lặp for trong Javascript, rất dễ sử dụng phải không nào. Nhưng cú pháp này khá dài, liệu có cách nào rút gọn hơn không ? Câu trả lời là có. Như ở đầu bài mình có đề cập, chúng ta sẽ sử dụng for...of và for...in 2. Vòng lặp for...ofVòng lặp này được ra mắt ở phiên bản ES6. Tương tự như for, vòng lặp này được sử dụng để duyệt từng phần tử của đối tượng duyệt. Số lượng lặp bằng với số phần tử của đối tượng. Cú pháp
Ví dụGiờ chúng ta sẽ thử vòng lặp for...of với ví dụ ở trên. Kết quả Và kết quả cũng giống như chúng ta sử dụng vòng lặp for nhưng có thể thấy cú pháp của for...of tường minh, dễ hiểu hơn là for. Tuy nhiên 3. Vòng lặp for...inVòng lặp này thường được sử dụng với mục đích là lặp trong một object chứ không phải trong array hay string giống như hai vòng lặp trên. Số lượng lặp tương ứng với số thuộc tính của object mà ta duyệt. Cú pháp
Ví dụKết quả Kết quả in ra là những thuộc tính của object
Kết quả 4. Lời khuyênĐối với những người mới lập trình thì nên sử dụng vòng lặp for bình thường vì các biến chạy, điều kiện, tăng giảm biến chạy đều thực hiện trên cùng một dòng, do đó dễ dàng sửa lỗi.
Với những người đã quen với vòng lặp for thì nên sử dụng linh hoạt hai vòng lặp for...of và for...in, vì có thể sử dụng trong nhiều trường hợp và khiến cho code của chúng ta dễ đọc hơn. Bên cạnh đó, khi thao tác với kiểu dữ liệu JSONthì 2 vòng lặp này có thể duyệt dễ dàng. Tạm kếtTrên đây là những kiến thức của mình với vòng lặp for trong Javascript. Hi vọng sẽ có ích với các bạn. Đừng ngần ngại để lại ý kiến đóng góp ở phần bình luận để kiến thức được hoàn chỉnh và sâu hơn nữa nhé các bạn. Cảm ơn các bạn. |