JavaScript vòng lặp

Trong hướng dẫn này, bạn sẽ tìm hiểu về JavaScript for … in loop với sự trợ giúp của các ví dụ.

Trong các hướng dẫn trước, chúng tôi đã đề cập đến:

• JavaScript while and do…while loop
• JavaScript for loop

Ngoài ra còn có các loại vòng lặp khác. Các for..invòng lặp trong JavaScript cho phép bạn lặp qua tất cả các phím sở hữu của một đối tượng.

JavaScript cho … trong vòng lặp

Cú pháp của for...invòng lặp là:

for (key in object) {
    // body of for...in
}

Trong mỗi lần lặp của vòng lặp, một khóa được gán cho biến khóa . Vòng lặp tiếp tục cho tất cả các thuộc tính đối tượng.

Lưu ý : Sau khi nhận được các khóa, bạn có thể dễ dàng tìm thấy các giá trị tương ứng của chúng.

Ví dụ 1: Lặp lại qua một đối tượng

const student = {
    name: 'Monica',
    class: 7,
    age: 12
}

// using for...in
for ( let key in student ) {

    // display the properties
    console.log(`${key} => ${student[key]}`);
}

Đầu ra

name => Monica
class => 7
age => 12

Trong chương trình trên, for...invòng lặp được sử dụng để lặp qua studentđối tượng và in tất cả các thuộc tính của nó.

• The object key is assigned to the variable key.
• student[key] is used to access the value of key.

Ví dụ 2: Cập nhật giá trị của thuộc tính

const salaries= {
    Jack : 24000,
    Paul : 34000,
    Monica : 55000
}

// using for...in
for ( let i in salaries) {

    // add a currency symbol
    let salary = "$" + salaries[i];

    // display the values
    console.log(`${i} : ${salary}`);
}

Đầu ra

Jack : $24000,
Paul : $34000,
Monica : $55000

Trong ví dụ trên, for...invòng lặp được sử dụng để lặp qua các thuộc tính của salaries đối tượng. Sau đó, chuỗi $được thêm vào mỗi giá trị của đối tượng.

cho … trong với Strings

Bạn cũng có thể sử dụng for...invòng lặp để lặp qua các giá trị chuỗi. Ví dụ,

const string = 'code';

// using for...in loop
for (let i in string) {
    console.log(string[i]);
}

Đầu ra

c
o
d
e

cho … trong với Mảng

Bạn cũng có thể sử dụng for...invới các mảng. Ví dụ,

// define array
const arr = [ 'hello', 1, 'JavaScript' ];

// using for...in loop
for (let x in arr) {
    console.log(arr[x]);
}

Đầu ra

hello
1
JavaScript

Bạn sẽ tìm hiểu thêm về các mảng trong các bài hướng dẫn sau.

Lưu ý : Bạn không nên sử dụng for...inđể lặp qua một mảng mà thứ tự chỉ mục là quan trọng.

Một trong những cách tốt hơn để lặp qua một mảng là sử dụng for...ofvòng lặp.

Để tìm hiểu thêm về for...ofvòng lặp, hãy truy cập JavaScript for … of loop .