HomeLập trìnhJavaScriptKhám phá phép...

Khám phá phép lặp JavaScript


của Festus K. Yangani

1*XJvkwoG4BLFnx6tpfzPZQQ

Vòng lặp cho phép các chương trình thực hiện các tác vụ lặp đi lặp lại, chẳng hạn như lặp qua một mảng, đồng thời tuân thủ nguyên tắc DRY (Không lặp lại chính mình). Họ hữu ích khi bạn muốn thực hiện một chức năng nhiều lần, mỗi lần sử dụng các bộ đầu vào khác nhau.

Cũng giống như các ngôn ngữ lập trình khác, JavaScript hỗ trợ các loại vòng lặp khác nhau. Bài viết này sẽ khám phá , tại, trong khilàm trong khi vòng lặp.

vòng lặp for

Các vòng lặp là kiểu vòng lặp JavaScript phổ biến nhất. Đây là cú pháp cơ bản của nó:

for (<initialization>; <condition>; <incremental expression>) {   code block // This is executed if condition evaluates to true}
  • khởi tạo – dùng để khai báo biến mới với var từ khóa, thường được sử dụng để khởi tạo một biến đếm (var i = 0).
  • điều kiện, tình trạng, trạng thái – Một biểu thức boolean được đánh giá trước mỗi lần lặp vòng lặp. Nếu biểu thức này có giá trị true, các lệnh bên trong sẽ được thực thi.
  • biểu thức gia tăng một biểu thức được đánh giá ở cuối mỗi lần lặp vòng lặp. Điều này thường được sử dụng để tăng, giảm hoặc cập nhật biến đếm.

Ví dụ:

//Counting 1 to 5for (var i = 1; i <= 5; i++) {  console.log(i);}//=&gt; 1//=> 2//=&gt; 3//=> 4//=> 5
//Iterating through an arrayvar arr = [17, 22, 35, 54, 96];
for (var i = arr.length; i >=0; i--) {  console.log(arr[i]);}//=&gt; 96//=&gt; 54//=> 35//=> 22//=> 17

Vòng lặp For/in

Các tại vòng lặp được sử dụng để lặp qua các thuộc tính của một đối tượng. Một tại tuyên bố trông như sau:

for (variable in object) {  statements}
  • Biến đổi một tên thuộc tính khác được gán cho tên này trên mỗi lần lặp.
  • vật đối tượng có vô số thuộc tính được lặp đi lặp lại.
Đọc thêm  Chức năng của người điều hành điểm thẩm vấn (?) trong JavaScript

Ví dụ:

var myObj = {city: "Austin", state: "Texas", country: "USA"}
for (var key in myObj) {  console.log(myObj[key]);}//=&gt; Austin//=> Texas//=> USA

Vòng lặp While

Trong khi các vòng lặp là các vòng lặp có điều kiện trong đó một điều kiện được kiểm tra khi bắt đầu lặp lại và — nếu điều kiện là đúng — các câu lệnh được thực thi. Đây là cú pháp cơ bản của một trong khi vòng:

while (condition) {  statement //code block to be executed as long condition is true.}
  • điều kiện, tình trạng, trạng thái – biểu thức được đánh giá trước mỗi lần lặp qua vòng lặp. Nếu điều kiện này được đánh giá là đúng, các lệnh bên trong sẽ được thực thi. Nếu điều kiện đánh giá là sai, thì câu lệnh bên trong sẽ không thực thi và chương trình sẽ tiếp tục.
  • bản tường trình các khối mã được thực thi miễn là điều kiện đánh giá là đúng.

Ví dụ:

var i = 0;while (i < 3) {  console.log(i);  i++;}
//=>0//=>1//=>2

làm / trong khi

Các làm trong khi vòng lặp là một biến thể của vòng lặp while. Không giống như trong vòng lặp while, làm trong khi vòng lặp sẽ thực thi khối mã một lần, trước khi nó kiểm tra xem điều kiện có đúng hay không. Sau đó, nó sẽ lặp lại vòng lặp miễn là điều kiện là đúng.

Cú pháp:

do {      statement //code block to be executed}while (condition);
  • bản tường trình được thực hiện ít nhất một lần và được thực hiện lại mỗi khi điều kiện được đánh giá là đúng.
  • điều kiện, tình trạng, trạng thái các biểu thức được đánh giá sau mỗi lần lặp qua vòng lặp. Nếu điều kiện đánh giá là đúng, câu lệnh được thực hiện lại. Nếu điều kiện đánh giá là sai, thì việc thực thi câu lệnh sẽ bị dừng lại.
Đọc thêm  JavaScript 객체 배열 튜토리얼 - JS 배열 메서드를 사용해 객체를 생성, 업데이트 및 루프하는 방법

Ví dụ:

var cars = ["Tesla", "Prius", "GMC", "Ford"];
var i = 0;do {      console.log(cars[i]);              i++;}while (i < cars.length)
//=&gt; Tesla//=> Prius//=> GMC//=> Ford

Tôi hy vọng chuyến tham quan vòng lặp ngắn này đã giúp bạn hiểu rõ hơn về cách hoạt động của phép lặp trong JavaScript. Nếu bạn có bất kỳ câu hỏi nào về các vòng lặp hoặc chỉ muốn trò chuyện, bạn cũng có thể liên hệ với tôi trên Twitter.





Zik.vn – Biên dịch & Biên soạn Lại

spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status