Các cách Loop Array trong JavaScript (2025)

Trong JavaScript có rất nhiều cách để duyệt qua một mảng (array). Bảng dưới đây tóm gọn các cách thông dụng kèm code mẫu.

Cách Loop Cú pháp / Code demo
for truyền thống

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}
          
while / do…while

let i = 0;
while (i < arr.length) {
  console.log(arr[i]);
  i++;
}
          
for…of

for (const value of arr) {
  console.log(value);
}
          
for…in

for (const index in arr) {
  console.log(index, arr[index]);
}
          
forEach()

arr.forEach((value, index) => {
  console.log(index, value);
});
          
map()

const doubled = arr.map(x => x * 2);
          
filter()

const even = arr.filter(x => x % 2 === 0);
          
reduce()

const sum = arr.reduce((acc, x) => acc + x, 0);
          
some() / every()

arr.some(x => x > 10);
arr.every(x => x > 0);
          
find() / findIndex()

arr.find(x => x > 5);
arr.findIndex(x => x > 5);
          
for await…of

async function process(arr) {
  for await (const value of arr) {
    console.log(value);
  }
}
          

Kết luận

– Dùng for, for…of khi cần linh hoạt.
– Dùng forEach, map, filter, reduce để viết code ngắn gọn, functional.
– Dùng for await…of khi xử lý bất đồng bộ.

Categorized in: