Hướng dẫn how many types of loops are available in javascript? - có bao nhiêu loại vòng lặp trong javascript?

Trong hướng dẫn này, bạn sẽ học cách lặp lại một loạt các hành động bằng cách sử dụng các vòng lặp trong JavaScript.

Các loại vòng lặp khác nhau trong JavaScript

Các vòng lặp được sử dụng để thực thi cùng một khối mã hết lần này đến lần khác, miễn là một điều kiện nhất định được đáp ứng. Ý tưởng cơ bản đằng sau một vòng lặp là tự động hóa các nhiệm vụ lặp đi lặp lại trong một chương trình để tiết kiệm thời gian và công sức. JavaScript hiện hỗ trợ năm loại vòng lặp khác nhau:

• Trong khi - các vòng lặp qua một khối mã miễn là điều kiện được chỉ định đánh giá là true. — loops through a block of code as long as the condition specified evaluates to true.
• Làm trong khi - vòng lặp qua một khối mã một lần; sau đó điều kiện được đánh giá. Nếu điều kiện là đúng, câu lệnh được lặp lại miễn là điều kiện được chỉ định là đúng. — loops through a block of code once; then the condition is evaluated. If the condition is true, the statement is repeated as long as the specified condition is true.
• Đối với - Vòng lặp qua một khối mã cho đến khi bộ đếm đạt đến một số được chỉ định. — loops through a block of code until the counter reaches a specified number.
• Đối với các vòng lặp - vòng qua các thuộc tính của một đối tượng. — loops through the properties of an object.
• Đối với các vòng lặp - các vòng lặp trên các đối tượng có thể lặp lại như mảng, chuỗi, v.v. — loops over iterable objects such as arrays, strings, etc.

Trong các phần sau, chúng tôi sẽ thảo luận chi tiết về từng câu lệnh Loop này.

Vòng lặp trong khi

Đây là câu lệnh lặp đơn giản nhất được cung cấp bởi JavaScript.

Vòng lặp while vòng qua một khối mã miễn là điều kiện được chỉ định đánh giá là true. Ngay khi điều kiện thất bại, vòng lặp được dừng lại. Cú pháp chung của vòng lặp trong khi là:

while (điều kiện) {& nbsp; & nbsp; & nbsp; & nbsp; // mã sẽ được thực thi}(condition) {
    // Code to be executed
}

Ví dụ sau đây xác định một vòng lặp sẽ tiếp tục chạy miễn là biến i nhỏ hơn hoặc bằng 5. Biến i sẽ tăng thêm 1 mỗi lần vòng lặp chạy:

var i = 1;
while(i <= 5) {    
    document.write("<p>The number is " + i + "</p>");
    i++;
}

Lưu ý: Đảm bảo rằng điều kiện được chỉ định trong vòng lặp của bạn cuối cùng cũng sai. Nếu không, vòng lặp sẽ không bao giờ dừng lặp lại được gọi là Vòng lặp vô hạn. Một sai lầm phổ biến là quên tăng biến bộ đếm (biến i trong trường hợp của chúng tôi). Make sure that the condition specified in your loop eventually goes false. Otherwise, the loop will never stop iterating which is known as infinite loop. A common mistake is to forget to increment the counter variable (variable i in our case).

Làm ... trong khi vòng lặp

Vòng lặp

var i = 1;
do {
    document.write("<p>The number is " + i + "</p>");
    i++;
}
while(i <= 5);

var i = 1;
do {
    document.write("<p>The number is " + i + "</p>");
    i++;
}
while(i <= 5);

làm {& nbsp; & nbsp; & nbsp; & nbsp; // mã được thực thi} while (điều kiện); {
    // Code to be executed
}
while(condition);

Mã JavaScript trong ví dụ sau đây xác định một vòng lặp bắt đầu bằng

var i = 1;
do {
    document.write("<p>The number is " + i + "</p>");
    i++;
}
while(i <= 5);

var i = 1;
do {
    document.write("<p>The number is " + i + "</p>");
    i++;
}
while(i <= 5);

Sự khác biệt giữa trong khi và làm ... trong khi vòng lặp

Vòng lặp while khác với vòng

var i = 1;
do {
    document.write("<p>The number is " + i + "</p>");
    i++;
}
while(i <= 5);

Mặt khác, với vòng lặp

var i = 1;
do {
    document.write("<p>The number is " + i + "</p>");
    i++;
}
while(i <= 5);

Các vòng lặp

Vòng lặp

for(var i=1; i<=5; i++) {
    document.write("<p>The number is " + i + "</p>");
}

cho (khởi tạo; điều kiện; tăng) {& nbsp; & nbsp; & nbsp; & nbsp; // mã sẽ được thực thi}(initialization; condition; increment) {
    // Code to be executed
}

Các tham số của câu lệnh

for(var i=1; i<=5; i++) {
    document.write("<p>The number is " + i + "</p>");
}

• Khởi tạo - Nó được sử dụng để khởi tạo các biến bộ đếm và được đánh giá một lần vô điều kiện trước khi thực hiện đầu tiên cơ thể của vòng lặp. — it is used to initialize the counter variables, and evaluated once unconditionally before the first execution of the body of the loop.
• Điều kiện - Nó được đánh giá ở đầu mỗi lần lặp. Nếu nó đánh giá thành

  for(var i=1; i<=5; i++) {
      document.write("<p>The number is " + i + "</p>");
  }

  4, các câu lệnh LOOP thực thi. Nếu nó đánh giá thành

  for(var i=1; i<=5; i++) {
      document.write("<p>The number is " + i + "</p>");
  }

  5, việc thực hiện các vòng lặp kết thúc. — it is evaluated at the beginning of each iteration. If it evaluates to

  for(var i=1; i<=5; i++) {
      document.write("<p>The number is " + i + "</p>");
  }

  4, the loop statements execute. If it evaluates to

  for(var i=1; i<=5; i++) {
      document.write("<p>The number is " + i + "</p>");
  }

  5, the execution of the loop ends.
• Tăng - Nó cập nhật bộ đếm vòng lặp với một giá trị mới mỗi khi vòng lặp chạy. — it updates the loop counter with a new value each time the loop runs.

Ví dụ sau đây xác định một vòng lặp bắt đầu bằng

var i = 1;
do {
    document.write("<p>The number is " + i + "</p>");
    i++;
}
while(i <= 5);

for(var i=1; i<=5; i++) {
    document.write("<p>The number is " + i + "</p>");
}

Vòng

for(var i=1; i<=5; i++) {
    document.write("<p>The number is " + i + "</p>");
}

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i=0; i<fruits.length; i++) {
    document.write("<p>" + fruits[i] + "</p>");
}

Cho ... trong vòng lặp

Vòng lặp

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i=0; i<fruits.length; i++) {
    document.write("<p>" + fruits[i] + "</p>");
}

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i=0; i<fruits.length; i++) {
    document.write("<p>" + fruits[i] + "</p>");
}

for (biến trong đối tượng) {& nbsp; & nbsp; & nbsp; & nbsp; // mã được thực thi}(variable in object) {
    // Code to be executed
}

Bộ đếm vòng lặp, tức là biến trong vòng

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i=0; i<fruits.length; i++) {
    document.write("<p>" + fruits[i] + "</p>");
}

Ví dụ sau đây sẽ chỉ cho bạn cách lặp qua tất cả các thuộc tính của đối tượng JavaScript.

// An object with some properties 
var person = {"name": "Clark", "surname": "Kent", "age": "36"};
 
// Loop through all the properties in the object  
for(var prop in person) {  
    document.write("<p>" + prop + " = " + person[prop] + "</p>"); 
}

Tương tự, bạn có thể lặp qua các yếu tố của một mảng, như thế này:

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i in fruits) {  
    document.write("<p>" + fruits[i] + "</p>");
}

Lưu ý: Không nên sử dụng vòng lặp

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i=0; i<fruits.length; i++) {
    document.write("<p>" + fruits[i] + "</p>");
}

for(var i=1; i<=5; i++) {
    document.write("<p>The number is " + i + "</p>");
}

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i=0; i<fruits.length; i++) {
    document.write("<p>" + fruits[i] + "</p>");
}

for(var i=1; i<=5; i++) {
    document.write("<p>The number is " + i + "</p>");
}

Cho ... của vòng lặp ES6ES6

ES6 giới thiệu một vòng lặp

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i=0; i<fruits.length; i++) {
    document.write("<p>" + fruits[i] + "</p>");
}

Ví dụ sau đây sẽ chỉ cho bạn cách lặp qua các mảng và chuỗi bằng cách sử dụng vòng lặp này.

// Iterating over array
let letters = ["a", "b", "c", "d", "e", "f"];

for(let letter of letters) {
    console.log(letter); // a,b,c,d,e,f
}

// Iterating over string
let greet = "Hello World!";

for(let character of greet) {
    console.log(character); // H,e,l,l,o, ,W,o,r,l,d,!
}

Để tìm hiểu về các tính năng ES6 khác, vui lòng kiểm tra chương các tính năng ES6 của JavaScript.

Lưu ý: Vòng

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i=0; i<fruits.length; i++) {
    document.write("<p>" + fruits[i] + "</p>");
}

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i=0; i<fruits.length; i++) {
    document.write("<p>" + fruits[i] + "</p>");
}

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i=0; i<fruits.length; i++) {
    document.write("<p>" + fruits[i] + "</p>");
}

// An array with some elements
var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
 
// Loop through all the elements in the array 
for(var i=0; i<fruits.length; i++) {
    document.write("<p>" + fruits[i] + "</p>");
}

Có bao nhiêu loại vòng lặp trong JavaScript?

Có bao nhiêu loại vòng lặp?

3 loại vòng lặp là gì?

Có bao nhiêu cấu trúc vòng lặp trong JavaScript?