In JavaScript, you can use several methods to loop through an array:
The for
loop:
var fruits = ["apple", "banana", "cherry"];
for (var i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
The for…of
loop (ES6+):
var fruits = ["apple", "banana", "cherry"];
for (const fruit of fruits) {
console.log(fruit);
}
The forEach()
method:
var fruits = ["apple", "banana", "cherry"];
fruits.forEach(function(fruit) {
console.log(fruit);
});
The forEach()
method with arrow function (ES6+):
var fruits = ["apple", "banana", "cherry"];
fruits.forEach(fruit => console.log(fruit));
You can use any of the above methods to loop through an array in JavaScript. The for
loop and the for…of
loop provide more flexibility and control, while the forEach()
method is more concise and easier to read.
Please note that all the above methods will iterate through the array in the same order as the original array. If you want to loop through the array in reverse order, you can use the for
loop and start the loop counter at the last index of the array, and decrement the counter by 1 on each iteration.
Also Read:
- What Is AJAX?
- List of JavaScript Functions
- How To Copy An Array In JavaScript
- How To Get All Unique Values In A JavaScript Array
- Convert int to string in JavaScript
- How To Check If An Object Is An Array In JavaScript
- How To Randomize An Array In JavaScript
- How To Replace All Occurrences Of A Character In A String?
- How To Split A String In JavaScript?
- How To Replace Multiple Spaces With Single Space In JavaScript
- How To Replace All Character In A String In JavaScript
- How To Check If A String Contains A Substring In JavaScript
- How To Loop Through An Array In JavaScript
- How To Check If A Value Exists In An Array In JavaScript
- How To Remove Duplicates From An Array Using JavaScript
- How To Create Multiline Strings In JavaScript
- How To Remove A Specific Element From An Array In JavaScript
- How To Define A Function In JavaScript?
- How To Concatenate Two String Arrays In JavaScript
- How To Get Image Size (Height & Width) Using JavaScript
- How To Change Image Size In JavaScript
- How To Increase and Decrease Image Size Using JavaScript
- How To Trigger Or Pause A CSS Animation In JavaScript
- How To Check If A Variable Is Undefined Or Null In JavaScript
- How To Check If A Variable Exists Or Is Defined In JavaScript
- How To Change The Background Color With JavaScript
- How To Encode A URL With JavaScript
- How To Decode A URL In JavaScript