Vòng loops trong Javascript và các điều cần lưu ý

trung tâm đào tạo vietpro hôm nay xin chia sẻ với các thành viên website itseo bài học : Bài 7: Loops trong Javascript

Kịch bản JavaScript của bạn có thể làm tất cả các loại công cụ thông minh như giảm tính toán, so sánh các giá trị, và tạo sự lựa chọn. Tuy nhiên, đừng quên chúng ta đang đối phó với ngôn ngữ máy, và máy rất giỏi làm một số những điều con người chúng ta sẽ giữ một dặm ra nếu chúng ta chỉ có thể.
Một điều thực sự nhàm chán nhất của chúng tôi sẽ rất vui nếu tránh làm là những thứ lặp đi lặp lại. Bạn có thể tìm thấy nó như này, nhưng JavaScript thích sự lặp lại. Vì vậy, nhiều như vậy mà nó có một cấu trúc đặc biệt cho nó: các vòng lặp trong hoc php
.
Dưới đây là những gì bạn sẽ được học trong bài học này:

• loop;
• while loop;
• do…while loop.

Trong quá trình này, bạn cũng sẽ tìm hiểu làm thế nào để:

• sử dụng getElementById(element Id) để thao tác một phần tử HTML với JavaScript;
• tạo ra các số ngẫu nhiên với random() và floor(number);
• chèn HTML mark-up tự động với innerHTML.

1. Loops

• Vào những lúc bạn sẽ phải lặp lại một số đoạn mã một số lần:
• Ví dụ: một trang web có 10 nút radio và kịch bản của bạn cần phải tìm ra các nút radio đã được kiểm tra bởi người sử dụng.
• Để làm như vậy, kịch bản của bạn đã đi qua mỗi nút radio đơn và xác minh xem thuộc tính kiểm tra của nó được thiết lập là đúng hay sai. Liệu điều này có nghĩa là phải viết loại mã xác minh 10 lần?
• Rất may, nó không. Bạn đổ mã trong một vòng lặp một lần, và nó sẽ thực thi bất kỳ số lần bạn đặt nó vào.

Bất kỳ vòng lặp được làm 4 phần cơ bản:

Giá trị bắt đầu.

• Một giá trị ban đầu được gán cho một biến, thường được gọi là i (nhưng bạn có thể gọi nó là bất cứ điều gì bạn thích). Biến này hoạt động như truy cập cho các vòng lặp.

Giá trị kết thúc hoặc điều kiện kiểm tra

• Các vòng lặp cần một giới hạn được thiết lập: hoặc là một con số nhất định (loop 5 lần) hoặc một điều kiện thật (vòng lặp cho đến khi tình trạng này để đánh giá đúng). Không này, bạn có nguy cơ gây ra một vòng lặp vô hạn. Điều này là rất xấu: đó là một sự lặp lại không bao giờ kết thúc của cùng một mã mà dừng lại các trình duyệt của người dùng từ phản ứng. Tránh vòng lặp vô hạn tại tất cả các chi phí bằng cách làm cho chắc chắn rằng bạn thiết lập một điều kiện biên cho các vòng của bạn; đào tạo hoc photoshop designer cho thiết kế web !

Các hoạt động hoặc đoạn mã được thực thi.

• Bạn gõ một khối mã một lần và nó sẽ được thực hiện số lần giữa giá trị ban đầu của bạn và giá trị kết thúc;

Giá trị dư thừa

• Đây là phần mà di chuyển vòng về phía trước: quầy bạn khởi tạo có để di chuyển lên (hoặc xuống trong trường hợp bạn chọn cho Looping ngược). Miễn là các vòng lặp không đạt được giá trị cuối cùng hoặc các điều kiện kiểm tra là không hài lòng, các truy cập được tăng (hay giảm). Điều này thường được thực hiện bằng cách sử dụng toán tử toán học.

2. Vòng lặp for

• Đây là loại vòng lặp, cũng … vòng qua một khối mã một số lần. Chọn một vòng lặp for nếu bạn biết trước bao nhiêu lần kịch bản của bạn nên chạy.
• Dưới đây là cấu trúc cơ bản của nó://loop for the number of times between start value

3. Vòng lặp while

• Nếu bạn không biết chính xác số lần mã của bạn có nghĩa vụ phải thực hiện, sử dụng một vòng lặp while khi lập trình web.
• Với một vòng lặp trong khi mã của bạn thực hiện khi một điều kiện là có thật; ngay khi tình trạng này là false, vòng lặp trong khi dừng lại. Ngoài ra trung tâm còn đào tạo lap trinh android từ cơ bản tới nâng cao miễn phí khoá học java
• Dưới đây là cấu trúc cơ bản của nó:

4. Vòng lặp do…while

• Đây là loại vòng lặp là tương tự như vòng lặp while. Sự khác biệt giữa hai là:
• Trong trường hợp của các vòng lặp while, nếu các điều kiện kiểm tra là sai ngay từ đầu, các mã trong vòng lặp sẽ không bao giờ được thực thi.
• Trong trường hợp của do … while, các điều kiện kiểm tra được đánh giá sau khi đã thực hiện vòng lặp chu kỳ đầu tiên. Vì vậy, ngay cả khi các điều kiện kiểm tra là sai, các mã trong vòng lặp sẽ thực hiện một lần.

Dưới đây là cấu trúc cơ bản của một do … while:

Thêm số ngẫu nhiên của ảnh vào một vòng lặp for

Thêm ảnh vào trang web với vòng lặ while

• Sử dụng các tài liệu HTML tương tự từ các ví dụ trước, nhưng xóa tất cả các JavaScript giữa các thẻ <script> … </ script> . Bây giờ, gõ mã JavaScript sau đây:

Thêm ảnh vào trang web vòng lặp do…while

Chạy vòng lặp:

• Hãy chỉ một thay đổi nhỏ vào mã ở trên: một lần nữa, thay thế var numImages = 0; với var numImages = 12;. Bây giờ các điều kiện ban đầu là sai từ đầu: truy cập được một số lượng lớn hơn 10.
• Lưu công việc của bạn, thi trang web và xem những gì sẽ xảy ra. Không giống như những gì đã xảy ra với các vòng lặp trong khi, bây giờ bạn sẽ thấy một hình ảnh hiển thị trên các trang web: vòng lặp đã hoàn thành chu kỳ đầu tiên và chỉ sau đó các điều kiện kiểm tra được đánh giá. Trong trường hợp này điều kiện là sai và vòng lặp dừng lại sau phiên đầu tiên hoàn tất.

Nguồn: Bài 7: Loops trong Javascript