for loopCách truyền thống để lặp qua các phần tử của mảng là sử dụng vòng lặp for.
const fruits = ["apple", "banana", "cherry"];
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
for...of loopVòng lặp for...of cho phép bạn lặp qua các giá trị của mảng một cách dễ dàng.
const fruits = ["apple", "banana", "cherry"];
for (const fruit of fruits) {
console.log(fruit);
}
forEach()Phương thức forEach() của mảng cho phép bạn thực hiện một hàm trên mỗi phần tử của mảng.
const fruits = ["apple", "banana", "cherry"];
fruits.forEach(function(fruit) {
console.log(fruit);
});
map()Phương thức map() tạo ra một mảng mới bằng cách thực hiện một hàm trên mỗi phần tử của mảng. Mặc dù map() thường được sử dụng để biến đổi dữ liệu, bạn có thể sử dụng nó để lặp qua các phần tử.
const fruits = ["apple", "banana", "cherry"];
fruits.map(function(fruit) {
console.log(fruit);
});
for...in loopVòng lặp for...in thường được sử dụng để lặp qua các thuộc tính của đối tượng, nhưng bạn cũng có thể sử dụng nó để lặp qua các chỉ số của mảng. Tuy nhiên, không khuyến khích dùng cho mảng vì nó cũng lặp qua các thuộc tính kế thừa.
const fruits = ["apple", "banana", "cherry"];
for (const index in fruits) {
console.log(fruits[index]);
}
reduce()Phương thức reduce() cho phép bạn lặp qua các phần tử của mảng và tích lũy một giá trị duy nhất.
const numbers = [1, 2, 3, 4];
const sum = numbers.reduce(function(accumulator, currentValue) {
return accumulator + currentValue;
}, 0);
console.log(sum); // In ra 10
Mỗi phương pháp trên có ưu và nhược điểm riêng, và bạn có thể chọn phương pháp phù hợp nhất với tình huống cụ thể của mình. Việc lựa chọn phương pháp lặp qua mảng thường phụ thuộc vào việc bạn muốn làm gì với các phần tử trong mảng và cách bạn muốn quản lý mã của mình.
