Hướng dẫn dùng for...in JavaScript

Các vòng lặp được sử dụng trong lập trình để tự động hóa các tác vụ lặp đi lặp lại. Các loại vòng lặp cơ bản nhất được sử dụng trong JavaScript là while và do...while, các câu lệnh bạn có thể xem lại trong bài "Cách xây dựng vòng lặp while và do...while trong JavaScript".

Bởi vì trong khi các câu lệnh while và do..while dựa trên điều kiện, chúng thực thi khi và chỉ khi điều kiện đã cho trả về true . Câu lệnh for cũng dựa trên điều kiện nhưng nó có thêm tính năng bổ sung như bộ đếm vòng lặp cho phép bạn thiết lập số lần lặp trước.

Trong bài hướng dẫn này, chúng ta sẽ tìm hiểu về câu lệnh for , bao gồm cả câu lệnh for...of và for...in  là các phần tử quan trọng trong ngôn ngữ lập trình Javascript.

Học Java cơ bản nâng cao cấp tốc 

Vòng lặp For

Câu lệnh for là một loại vòng lặp sẽ sử dụng tối đa ba biểu thức tùy chọn để triển khai thực thi lặp lại của một khối mã.

Chúng ta hãy xem về dụ để hiểu rõ vấn đề này.

for [Khởi tạo; điều kiện lặp; bước lặp] {
    // code thực thi được viết ở đây
}

Trong cú pháp trên có ba biểu thức bên trong câu lệnh for: khởi tạo, điều kiện và bước lặp.

Dưới đây là ví dụ đơn giản minh họa cách hoạt động của câu lệnh for

forExample.js

// Khởi tạo câu lệnh for với 5 lần lặp
for [let i = 0; i < 4; i++] {
    // in ra màn hình console mỗi lần lặp
    console.log[i];
}

Khi chúng ta chạy đoạn code trên sẽ nhận được kết quả sau:

// Khởi tạo biến ban đầu là 0
let i = 0;

//biến tăng lên 1 trong mỗi câu lệnh dưới đây
console.log[i++];//0, toán tử hậu tố nên in giá trị sau đó mới tăng giá trị
console.log[i++];//1
console.log[i++];//2
console.log[i++];//2

// Khởi tạo biến ban đầu là 0
let i = 0;

//biến tăng lên 1 trong mỗi câu lệnh dưới đây
console.log[i++];//0, toán tử hậu tố nên in giá trị sau đó mới tăng giá trị
console.log[i++];//1
console.log[i++];//2
console.log[i++];//2

// Khởi tạo biến ban đầu là 0
let i = 0;

//biến tăng lên 1 trong mỗi câu lệnh dưới đây
console.log[i++];//0, toán tử hậu tố nên in giá trị sau đó mới tăng giá trị
console.log[i++];//1
console.log[i++];//2
console.log[i++];//2

// Khởi tạo biến ban đầu là 0
let i = 0;

//biến tăng lên 1 trong mỗi câu lệnh dưới đây
console.log[i++];//0, toán tử hậu tố nên in giá trị sau đó mới tăng giá trị
console.log[i++];//1
console.log[i++];//2
console.log[i++];//2

let i = 0;

Trong ví dụ trên, chúng ta đã khởi tạo vòng lặp for với let i = 0, bắt đầu vòng lặp tại 0. Chúng ta đặt điều kiện là i 3] { break; } console.log[i]; }

Output

0

1

2

3

 Cảnh báo: Câu lệnh break  phải bao gồm điều kiện dừng của câu lệnh if . Nếu không vòng lặp sẽ chạy vô hạn và có thể làm hỏng trình duyệt của bạn.

Cuối cùng, Biểu thức cuối cùng có thể loại bỏ bằng cách thay thế bằng cách đặt ở cuối vòng lặp, nhưng vẫn phải giữ dấu ; nếu không nó sẽ không chạy nữa.

// Khai báo biến bên ngoài vòng lặp
let i = 0;

//loại bỏ các biểu thức nhưng vẫn phải giữ dấu ;
for [; ;] {
    if [i > 3] {
        break;
    }
    console.log[i];
    i++;
}

// Khởi tạo câu lệnh for với 5 lần lặp
for [let i = 0; i < 4; i++] {
    // in ra màn hình console mỗi lần lặp
    console.log[i];
}

Chúng ta có thể nhìn ví dụ bên dưới, Bao gồm cả 3 câu lệnh thường ngắn gọn và dễ đọc nhất, Tuy nhiên, thật hữu ích khi biết rằng các câu lệnh có thể được bỏ qua trong trường hợp bạn gặp phải nó trong tương lai. 

Sửa đổi 1 mảng

Chúng ta có thể sử dụng vòng lặp for  để sửa đổi 1 mảng.

Trong ví dụ tiếp theo, chúng ta sẽ tạo ra 1 mảng rỗng và điền các phần tử vào trong mảng đó với vòng lặp

modifyArray.js

// Khởi tạo câu lệnh for với 5 lần lặp
for [let i = 0; i < 4; i++] {
    // in ra màn hình console mỗi lần lặp
    console.log[i];
}

Thực thi code sẽ cho ra kết quả bên dưới

// Khởi tạo câu lệnh for với 5 lần lặp
for [let i = 0; i < 4; i++] {
    // in ra màn hình console mỗi lần lặp
    console.log[i];
}

Chúng ta thiết lập 1 vòng lặp chạy cho đến khi i