Vòng lặp For In trong JavaScript

Vòng lặp For In

JavaScript for in câu lệnh lặp qua các thuộc tính của đối tượng:

cú pháp

for (key in object) {
  // khối mã cần được thực thi
}

Ví dụ

const person = {fname:"Bill", lname:"Gates", age:25};
let text = "";
for (let x in person) {
  text += person[x];
}

Thử trực tiếp

ví dụ giải thích

  • for in vòng lặp duyệt qua person đối tượng
  • mỗi lần lặp lại trả về mộtkhóa (x)
  • khóa được sử dụng để truy cập giá trị của khóagiá trị
  • giá trị của khóa là person[x]

Duyệt qua mảng bằng For In

JavaScript for in câu lệnh cũng có thể duyệt qua các thuộc tính của mảng:

cú pháp

for (variable in array) {
  code
}

Ví dụ

const numbers = [45, 4, 9, 16, 25];
let txt = "";
for (let x in numbers) {
  txt += numbers[x];
}

Thử trực tiếp

Nếu chỉ sốThứ tựQuan trọng, đừng sử dụng for in。

Thứ tự index phụ thuộc vào thực hiện, có thể không truy cập giá trị mảng theo thứ tự bạn mong đợi.

Khi thứ tự quan trọng, tốt nhất nên sử dụng for Vòng lặp,for of Vòng lặp hoặc Array.forEach()。

Array.forEach()

forEach() Phương pháp gọi hàm một lần cho mỗi phần tử mảng (hàm hồi quy).

Ví dụ

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
  txt += value;
}

Thử trực tiếp

Lưu ý, hàm này sử dụng 3 tham số:

  • Giá trị mục
  • Chỉ số mục
  • Mảng chính

Ví dụ trên chỉ sử dụng tham số value. Có thể viết lại như sau:

Ví dụ

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
  txt += value;
}

Thử trực tiếp