Góc cạnh foreach html
Trong HTML DOM, đối tượng Phần tử đại diện cho một phần tử HTML, như P, DIV, A, TABLE hoặc bất kỳ phần tử HTML nào khác Show Thuộc tính và phương thứcCác thuộc tính và phương thức sau có thể được sử dụng trên tất cả các phần tử HTML Chắc chắn các bạn cũng đã nghe đến vòng lặp forEach() rồi đúng không? Vòng lặp forEach()Với các bạn lập trình JavaScript thì chắc chắn không còn xa lạ gì với 2. Ngoài các vòng lặp thông thường như 3, 4 thì 2là 1 vòng lặp khá hay để rút ngắn thời gian viết mã Các bạn hãy xem ví dụ sau nhé Ví dụ khi sử dụng vòng lặp ______03
Hoặc với vòng lặp 4
Kết quả sẽ là Cũng như các bạn đã thấy ở trên là 2 ví dụ về 3 và 4. Khi làm việc với 3 và 4 chúng ta luôn phải chú ý đến chỉ số biến của mảng để có thể lấy được phần tử trong mảng, và nếu như không cẩn thận, chúng ta có thể làm sai kết quả mong muốn I've also with 2 thì sao. Chúng ta hãy xem ví dụ sau 4 Chỉ với 1 dòng lệnh menu không cần thiết phải đặt thêm biến mới rồi tăng chỉ mục các kiểu Stop loop forEach()With 3 và 4 thì menu đơn giản, chỉ cần chúng ta sử dụng lệnh 5 là được. Ví dụ 8 Kết quả của 2 vòng lặp trên sẽ là 9 Nhưng còn với 2 thì sao? Nếu chưa biết thì mình sẽ hướng dẫn các bạn một số cách để có thể dừng được nó nhé 1. Use if3 Kết quả 4 Thực hiện cách này nó không thực sự ngắt vòng lặp 2 mà nó chỉ bỏ qua và không thực hiện đoạn mã phía trong, tuy nhiên kết quả cuối cùng của nó vẫn đúng như chúng ta mong muốn Đối với những mảng dữ liệu lớn thì cách này không thực sự hiệu quả. Và đây có thể xem là cách kém hiệu quả nhất để dừng lại 2 2. Sử dụng ném, thử… bắt7 Kết quả 8 Không giống như cách trên chỉ là bỏ qua mã chứ không phải dừng vòng lặp 2 thì cách này hoàn toàn dừng vòng lặp và kết quả vẫn đúng như bình thường Nhưng cách này là một cách gây khá nhiều tranh cãi vì không ai lại muốn lộn ra lỗi ở vòng lặp cả và nó có khá nhiều rủi ro. 3. Not used forEach() nữaNghe là khá buồn cười không đúng. Cách để dừng 2 chính là không sử dụng nó nữa. Vì vậy nếu không sử dụng 2 nữa thì dùng gì bây giờ? Các bạn cứ bình tĩnh còn có cách nhé. Thay vì sử dụng 2 thì chúng ta có thể sử dụng 45 hoặc 46. Các bạn hãy xem ví dụ sau nhé 0 Kết quả 1 Kết luậnTrên đây mình đã giới thiệu cho các bạn cách sử dụng vòng lặp 2 trong JavaScript cũng như cách để dừng các vòng lặp đó. Và tùy chọn vào từng trường hợp mà bạn nên chọn 3, 4 hay sử dụng 2 để sử dụng cho thích hợp nhé |