3 phần của JavaScript vòng lặp for là gì?

Các vòng lặp được sử dụng trong JavaScript để thực hiện các tác vụ lặp lại dựa trên một điều kiện. Các điều kiện thường trả về

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
7 hoặc
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
8. Một vòng lặp sẽ tiếp tục chạy cho đến khi điều kiện xác định trả về
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
8

Vòng lặp
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
0

cú pháp

for [initialization; condition; finalExpression] {
  // code
}

Vòng lặp

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
0 bao gồm ba biểu thức tùy chọn, theo sau là một khối mã

  • for [let i = 1; i < 10; i += 2] {
      if [i === 7] {
        break;
      }
      console.log['Total elephants: ' + i];
    }
    
    // Output:
    // Total elephants: 1
    // Total elephants: 3
    // Total elephants: 5
    2 - Biểu thức này chạy trước khi thực hiện vòng lặp đầu tiên và thường được sử dụng để tạo bộ đếm
  • for [let i = 1; i < 10; i += 2] {
      if [i === 7] {
        break;
      }
      console.log['Total elephants: ' + i];
    }
    
    // Output:
    // Total elephants: 1
    // Total elephants: 3
    // Total elephants: 5
    3 - Biểu thức này được kiểm tra mỗi lần trước khi vòng lặp chạy. Nếu nó đánh giá là
    for [let i = 0; i < 9; i++] {
      console.log[i];
    }
    
    // Output:
    // 0
    // 1
    // 2
    // 3
    // 4
    // 5
    // 6
    // 7
    // 8
    7, thì
    for [let i = 1; i < 10; i += 2] {
      if [i === 7] {
        break;
      }
      console.log['Total elephants: ' + i];
    }
    
    // Output:
    // Total elephants: 1
    // Total elephants: 3
    // Total elephants: 5
    5 hoặc mã trong vòng lặp được thực thi. Nếu nó đánh giá là
    for [let i = 0; i < 9; i++] {
      console.log[i];
    }
    
    // Output:
    // 0
    // 1
    // 2
    // 3
    // 4
    // 5
    // 6
    // 7
    // 8
    8, vòng lặp sẽ dừng lại. Và nếu biểu thức này bị bỏ qua, nó sẽ tự động ước tính thành
    for [let i = 0; i < 9; i++] {
      console.log[i];
    }
    
    // Output:
    // 0
    // 1
    // 2
    // 3
    // 4
    // 5
    // 6
    // 7
    // 8
    7
  • for [let i = 1; i < 10; i += 2] {
      if [i === 7] {
        break;
      }
      console.log['Total elephants: ' + i];
    }
    
    // Output:
    // Total elephants: 1
    // Total elephants: 3
    // Total elephants: 5
    8 - Biểu thức này được thực hiện sau mỗi lần lặp lại vòng lặp. Điều này thường được sử dụng để tăng bộ đếm, nhưng thay vào đó có thể được sử dụng để giảm bộ đếm

Có thể bỏ qua bất kỳ biểu thức nào trong ba biểu thức này hoặc mã trong khối mã

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
0 vòng lặp thường được sử dụng để chạy mã một số lần nhất định. Ngoài ra, bạn có thể sử dụng
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
40 để thoát khỏi vòng lặp sớm, trước khi biểu thức
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
3 ước tính thành
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
8

ví dụ

1. Lặp qua các số nguyên từ 0-8

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8

2. Sử dụng

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
40 để thoát khỏi vòng lặp
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
0 trước khi
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
3 là
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
8

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5

cạm bẫy chung. Vượt quá giới hạn của một mảng

Khi lặp qua một mảng, rất dễ vô tình vượt quá giới hạn của mảng

Ví dụ: vòng lặp của bạn có thể cố gắng tham chiếu đến phần tử thứ 4 của một mảng chỉ có 3 phần tử

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
4

Có hai cách để sửa mã này. đặt

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
3 thành
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
48 hoặc
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
49

Vòng lặp
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
70

cú pháp

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
7

Vòng lặp

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
70 lặp lại các thuộc tính của một đối tượng. Đối với mỗi thuộc tính, mã trong khối mã được thực thi

ví dụ

1. Lặp lại các thuộc tính của một đối tượng và ghi tên và giá trị của nó vào bảng điều khiển

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
0

cạm bẫy chung. Hành vi không mong muốn khi lặp qua một mảng

Mặc dù bạn có thể sử dụng vòng lặp

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
70 để lặp qua một mảng, nhưng bạn nên sử dụng vòng lặp
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
0 hoặc
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
74 thông thường để thay thế

Vòng lặp

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
70 có thể lặp qua mảng và các đối tượng giống mảng, nhưng không phải lúc nào nó cũng truy cập các chỉ mục mảng theo thứ tự

Ngoài ra, vòng lặp

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
70 trả về tất cả các thuộc tính và thuộc tính kế thừa cho một mảng hoặc đối tượng giống mảng, điều này có thể dẫn đến hành vi không mong muốn

Ví dụ, vòng lặp đơn giản này hoạt động như mong đợi

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
6

Nhưng nếu thứ gì đó giống như thư viện JS mà bạn đang sử dụng sửa đổi trực tiếp nguyên mẫu

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
77, thì vòng lặp
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
70 cũng sẽ lặp lại điều đó

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
9

Mặc dù việc sửa đổi các nguyên mẫu chỉ đọc như

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
77 hoặc
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
00 trực tiếp đi ngược lại các phương pháp hay nhất, nhưng đó có thể là vấn đề với một số thư viện hoặc cơ sở mã

Ngoài ra, vì

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
70 dành cho các đối tượng, nên với mảng sẽ chậm hơn nhiều so với các vòng lặp khác

Tóm lại, chỉ cần nhớ chỉ sử dụng vòng lặp

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
70 để lặp qua các đối tượng, không phải mảng

Vòng lặp
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
74

cú pháp

for [initialization; condition; finalExpression] {
  // code
}
5

Vòng lặp

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
74 lặp lại các giá trị của nhiều loại iterables, bao gồm mảng và các loại bộ sưu tập đặc biệt như
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
05 và
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
06. Đối với mỗi giá trị trong đối tượng có thể lặp lại, mã trong khối mã được thực thi

ví dụ

1. Lặp lại trên một mảng

for [initialization; condition; finalExpression] {
  // code
}
9

2. Lặp lại trên một

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
06

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
0

3. Lặp lại trên một

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
05

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
1

Vòng lặp
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
09

cú pháp

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
2

Vòng lặp

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
09 bắt đầu bằng cách đánh giá
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
3. Nếu
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
3 ước tính thành
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
7, mã trong khối mã sẽ được thực thi. Nếu
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
3 ước tính thành
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
8, mã trong khối mã không được thực thi và vòng lặp kết thúc

ví dụ

  1. Trong khi một biến nhỏ hơn 10, hãy ghi nó vào bảng điều khiển và tăng nó lên 1
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
3

vòng lặp
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
66

cú pháp

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
4

Vòng lặp

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
66 có liên quan chặt chẽ với vòng lặp
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
09. Trong vòng lặp
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
66,
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
3 được kiểm tra ở cuối mỗi lần lặp của vòng lặp, thay vì ở đầu trước khi vòng lặp chạy

Điều này có nghĩa là mã trong vòng lặp

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
66 được đảm bảo chạy ít nhất một lần, ngay cả khi biểu thức
for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
3 đã ước tính thành
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
7

Thí dụ

  1. Trong khi một biến nhỏ hơn 10, hãy ghi nó vào bảng điều khiển và tăng nó lên 1
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
5

2. Đẩy vào một mảng, ngay cả khi

for [let i = 1; i < 10; i += 2] {
  if [i === 7] {
    break;
  }
  console.log['Total elephants: ' + i];
}

// Output:
// Total elephants: 1
// Total elephants: 3
// Total elephants: 5
3 ước tính thành
for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
7

for [let i = 0; i < 9; i++] {
  console.log[i];
}

// Output:
// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
6

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

Nếu bài viết này hữu ích, hãy tweet nó

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

3 phần của một vòng lặp for là gì?

Tương tự như vòng lặp While, vòng lặp For bao gồm ba phần. từ khóa For bắt đầu vòng lặp, điều kiện đang được kiểm tra và từ khóa EndFor kết thúc vòng lặp .

3 câu lệnh của vòng lặp là gì?

Câu lệnh for bao gồm ba phần cần thiết cho các vòng lặp. khởi tạo, kiểm tra và cập nhật. bắt đầu vòng lặp. Cả ba câu lệnh vòng lặp [ while, do và for ] đều tương đương về mặt chức năng.

Ba loại vòng lặp chính trong JavaScript là gì?

JavaScript hỗ trợ các loại vòng lặp khác nhau. .
for - lặp qua một khối mã một số lần
for/in - lặp qua các thuộc tính của một đối tượng
for/of - lặp qua các giá trị của một đối tượng có thể lặp lại
while - lặp qua một khối mã trong khi một điều kiện cụ thể là đúng

Các phần của vòng lặp for được gọi là gì?

Một vòng lặp for có hai phần. tiêu đề chỉ định lần lặp và phần thân được thực thi một lần cho mỗi lần lặp . Tiêu đề thường khai báo một bộ đếm vòng lặp hoặc biến vòng lặp rõ ràng, cho phép phần thân biết bước lặp nào đang được thực thi.

Chủ Đề