Trong hướng dẫn này, bạn sẽ tìm hiểu về JavaScript for… trong vòng lặp 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 và do… vòng lặp while
- JavaScript cho vòng lặp
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 ý : Khi bạn nhận được chìa khóa, bạn có thể dễ dàng tìm thấy giá trị của nó.
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
tên => Monica lớp => 7 tuổi => 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ó.
- Khóa đối tượng được gán cho khóa biến.
student(key)được sử dụng để truy cập giá trị của khóa.
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
mã
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
xin chào 1 JavaScript
Bạn sẽ tìm hiểu thêm về các mảng trong các 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.
