Vòng lặp for trong JavaScript – Minh Hoàng Blog | Cùng nhau chia sẻ kiến thức lập trình, tự học tiếng Nhật online và cuộc sống Nhật Bản!

1. Vòng lặp for

1.

Vòng lặp for

Vòng lặp for: Lặp lại một khối lệnh với số lần lặp xác định, biết trước.

1.1.

Cú pháp:

for (statement 1; statement 2; statement 3) {
    code block
}

– Trong đó:

  • Statement 1: được thực hiện (một lần) trước khi thực thi khối lệnh code block.
  • Statement 2: định nghĩa điều kiện để thực thi code block.
  • Statement 3: được thực thi (mỗi lần) sau khi code block đã được thực thi.
1.2.

Ví dụ:

for (ii = 0; ii < 5; ii++) {
    num += "Số: " + ii + "<br>";
}

Try it »

– Từ ví dụ trên, chúng ta thấy:

  • Statement 1: đặt một biến trước khi vòng lặp bắt đầu (var ii = 0).
  • Statement 2: xác định điều kiện thực hiện của vòng lặp (i phải nhỏ hơn 5).
  • Statement 3: tăng giá trị (ii++) mỗi khi lệnh trong vòng lặp được thực thi.

Statement 1

– Thông thường, statement 1 được sử dụng để khởi tạo biến được sử dụng trong vòng lặp (ii = 0).

– Bạn cũng có thể khởi tạo giá trị cho nhiều biến cùng lúc (cách nhau bằng dấu phẩy) ở vị trí statement 1 này:

Ví dụ:
for (ii = 0, len = arrCars.length, name = ""; ii < len; ii++) {
    name += arrCars[ii] + "<br>";
}

Try it »

– Và statement 1 này là tùy chọn (optional). Statement 1 có thể được bỏ qua (nếu giá trị đã được thiết lập trước khi bắt đầu vòng lặp):

Ví dụ:
var ii = 2;
var len = arrCars.length;
var name = "";

for (; ii < len; ii++) {
    name += arrCars[ii] + "<br>";
}

Try it »

Statement 2

– Statement 2 thường được sử dụng để đánh giá trạng thái của các biến ban đầu.

– Nếu statement 2 trả về true thì vòng lặp sẽ tiếp tục, nếu nó trả về false thì vòng lặp sẽ kết thúc.

– Và statement 2 cũng là tùy chọn (optional), có thể có hoặc không.

Nếu bỏ qua statement 2, bạn cần phải cung cấp một điều kiện kết thúc (stop loop) trong vòng lặp. Nếu không vòng lặp sẽ bị lặp vô hạn.

Statement 3

– Statement 3 dùng để tăng giá trị của biến ban đầu. Có thể là tăng âm (ii–), hay tăng dương (ii = ii + 15).

– Và statement 3 cũng là tùy chọn (optional), có thể có hoặc không. Nếu statement 3 bị bỏ qua, thì bạn cần tăng giá trị cho biến bên trong vòng lặp:

Ví dụ:
var ii = 0;
var len = arrCars.length;
var name = "";

for ( ; ii < len; ) {
    name += arrCars[ii] + "<br>";
    ii++;
}

Try it »