Dòng mới trong vòng lặp javascript
Ký tự xuống dòng ( 75) được gọi là chuỗi thoát và nó buộc con trỏ thay đổi vị trí của nó về đầu dòng tiếp theo trên màn hình. Điều này dẫn đến một dòng mới Show Vòng lặp cung cấp một cách nhanh chóng và dễ dàng để làm điều gì đó lặp đi lặp lại. Chương này của Hướng dẫn JavaScript giới thiệu các câu lệnh lặp khác nhau có sẵn cho JavaScript Bạn có thể coi vòng lặp là một phiên bản vi tính hóa của trò chơi trong đó bạn yêu cầu ai đó thực hiện X bước theo một hướng, sau đó Y bước theo hướng khác. Ví dụ: ý tưởng "Đi năm bước về phía đông" có thể được diễn đạt theo cách này dưới dạng một vòng lặp
Có nhiều loại vòng lặp khác nhau, nhưng về cơ bản chúng đều làm cùng một việc. họ lặp lại một hành động một số lần. (Lưu ý rằng có thể số đó có thể bằng không. ) Các cơ chế vòng lặp khác nhau cung cấp các cách khác nhau để xác định điểm bắt đầu và điểm kết thúc của vòng lặp. Có nhiều tình huống dễ dàng được phục vụ bởi một loại vòng lặp hơn các loại vòng lặp khác Các câu lệnh cho các vòng lặp được cung cấp trong JavaScript là
cho tuyên bốVòng lặp 3 lặp lại cho đến khi một điều kiện cụ thể đánh giá là sai. Vòng lặp JavaScript 3 tương tự như vòng lặp Java và C 3Một câu lệnh 3 trông như sau
Khi một vòng lặp 3 thực thi, điều sau xảy ra
Thí dụTrong ví dụ bên dưới, hàm chứa câu lệnh 3 đếm số tùy chọn đã chọn trong danh sách cuộn (phần tử 27 cho phép nhiều lựa chọn)HTML
JavaScriptỞ đây, câu lệnh 3 khai báo biến 29 và khởi tạo nó thành 00. Nó kiểm tra xem 29 có ít hơn số tùy chọn trong phần tử 27 hay không, thực hiện câu lệnh 03 tiếp theo và tăng 29 lên 1 sau mỗi lần đi qua vòng lặp 2làm. câu lệnh whileCâu lệnh 05 lặp lại cho đến khi một điều kiện cụ thể đánh giá là saiMột câu lệnh 05 trông như sau 0 23 luôn được thực hiện một lần trước khi điều kiện được kiểm tra. (Để thực hiện nhiều câu lệnh, hãy sử dụng câu lệnh khối ( 24) để nhóm các câu lệnh đó. )Nếu 09 là 20, câu lệnh sẽ thực hiện lại. Vào cuối mỗi lần thực hiện, điều kiện được kiểm tra. Khi điều kiện là 21, quá trình thực thi dừng lại và quyền điều khiển chuyển sang câu lệnh theo sau 05Thí dụTrong ví dụ sau, vòng lặp 23 lặp lại ít nhất một lần và lặp lại cho đến khi 29 không còn nhỏ hơn 25 2câu lệnh whileMột câu lệnh 26 thực thi các câu lệnh của nó miễn là một điều kiện cụ thể đánh giá là 20. Một câu lệnh 26 trông như sau 2Nếu 09 trở thành 21, thì 23 trong vòng lặp sẽ dừng thực thi và quyền điều khiển được chuyển đến câu lệnh sau vòng lặpKiểm tra điều kiện xảy ra trước khi 23 trong vòng lặp được thực thi. Nếu điều kiện trả về 20, 23 được thực hiện và 09 được kiểm tra lại. Nếu điều kiện trả về 21, quá trình thực thi sẽ dừng lại và quyền điều khiển được chuyển đến câu lệnh theo sau 26Để thực hiện nhiều câu lệnh, hãy sử dụng câu lệnh khối ( 24) để nhóm các câu lệnh đóví dụ 1Vòng lặp 26 sau lặp lại miễn là 40 nhỏ hơn 41 4Với mỗi lần lặp lại, vòng lặp tăng 40 và thêm giá trị đó vào 43. Do đó, 43 và 40 nhận các giá trị sau
Sau khi hoàn thành bước thứ ba, điều kiện 68 không còn là 20, do đó vòng lặp kết thúcví dụ 2Tránh các vòng lặp vô hạn. Đảm bảo điều kiện trong một vòng lặp cuối cùng trở thành 21—nếu không, vòng lặp sẽ không bao giờ kết thúc. Các câu lệnh trong vòng lặp 26 sau đây sẽ thực thi mãi mãi vì điều kiện không bao giờ trở thành 21 6tuyên bố có nhãnMột 93 cung cấp một câu lệnh có mã định danh cho phép bạn tham khảo nó ở nơi khác trong chương trình của mình. Ví dụ: bạn có thể sử dụng nhãn để xác định một vòng lặp, sau đó sử dụng các câu lệnh 94 hoặc 95 để cho biết chương trình nên ngắt vòng lặp hay tiếp tục thực hiện vòng lặp đóCú pháp của câu lệnh có nhãn giống như sau 9Giá trị của 93 có thể là bất kỳ mã định danh JavaScript nào không phải là từ dành riêng. 23 mà bạn xác định bằng nhãn có thể là bất kỳ tuyên bố nàoThí dụTrong ví dụ này, nhãn 98 xác định một vòng lặp 26 0tuyên bố phá vỡSử dụng câu lệnh 94 để kết thúc vòng lặp, 01 hoặc kết hợp với câu lệnh có nhãn
Cú pháp của câu lệnh 94 trông như thế này 1
ví dụ 1Ví dụ sau lặp qua các phần tử trong một mảng cho đến khi tìm thấy chỉ mục của phần tử có giá trị là 10 2ví dụ 2. Phá vỡ một nhãn 3tiếp tục tuyên bốCâu lệnh 95 có thể được sử dụng để khởi động lại câu lệnh 26, 04, 3 hoặc 93
Cú pháp của câu lệnh 95 như sau 4ví dụ 1Ví dụ sau đây cho thấy một vòng lặp 26 với câu lệnh 95 thực thi khi giá trị của 29 là 41. Do đó, 40 nhận các giá trị 47, 41, 34 và 35 5Nếu bạn nhận xét 36, vòng lặp sẽ chạy cho đến hết và bạn sẽ thấy 37ví dụ 2Câu lệnh có nhãn 38 chứa câu lệnh có nhãn 39. Nếu gặp phải 95, chương trình sẽ kết thúc lần lặp hiện tại của 39 và bắt đầu lần lặp tiếp theo. Mỗi lần gặp phải 95, 39 lặp lại cho đến khi điều kiện của nó trở lại 21. Khi 21 được trả về, phần còn lại của câu lệnh 38 được hoàn thành và 38 lặp lại cho đến khi điều kiện của nó trả về 21. Khi trả về 21, chương trình tiếp tục tại câu lệnh sau 38Nếu 95 có nhãn là 38, chương trình sẽ tiếp tục ở đầu câu lệnh 38 6vì. trong tuyên bốCâu lệnh 54 lặp lại một biến được chỉ định trên tất cả các thuộc tính có thể đếm được của một đối tượng. Đối với mỗi thuộc tính riêng biệt, JavaScript thực thi các câu lệnh đã chỉ định. Một câu lệnh 54 trông như sau 7Thí dụHàm sau đây nhận đối số của nó là một đối tượng và tên của đối tượng. Sau đó, nó lặp lại trên tất cả các thuộc tính của đối tượng và trả về một chuỗi liệt kê tên thuộc tính và giá trị của chúng 8Đối với một đối tượng 56 với các thuộc tính 57 và 58, thì 59 sẽ là 9MảngMặc dù có thể muốn sử dụng điều này như một cách để lặp lại các phần tử 60, nhưng câu lệnh 54 sẽ trả về tên của các thuộc tính do người dùng xác định bên cạnh các chỉ mục sốDo đó, tốt hơn là sử dụng vòng lặp 3 truyền thống với chỉ mục số khi lặp qua các mảng, bởi vì câu lệnh 54 lặp qua các thuộc tính do người dùng xác định ngoài các phần tử mảng, nếu bạn sửa đổi đối tượng Array (chẳng hạn như thêm các thuộc tính tùy chỉnh hoặc vì. tuyên bốCâu lệnh 64 tạo một vòng lặp Lặp lại trên các đối tượng có thể lặp lại (bao gồm đối tượng 60, 66, 67, 68, v.v.), gọi một hook lặp tùy chỉnh với các câu lệnh sẽ được thực thi cho giá trị của từng thuộc tính riêng biệt 0Ví dụ sau đây cho thấy sự khác biệt giữa vòng lặp 64 và vòng lặp 54. Trong khi 54 lặp lại tên thuộc tính, thì 64 lặp lại giá trị thuộc tính 1Các câu lệnh 64 và 54 cũng có thể được sử dụng với hàm hủy. Ví dụ: bạn có thể lặp đồng thời các khóa và giá trị của một đối tượng bằng cách sử dụng 75 |