Question
How can I use the modern for loop with primitive arrays in JavaScript?
const numbers = [1, 2, 3, 4, 5];
// Using forEach
numbers.forEach(num => {
console.log(num);
});
Answer
In JavaScript, the modern for loop can be efficiently used with primitive arrays by utilizing higher-order functions like `forEach`, or the `for...of` loop...
const fruits = ['apple', 'banana', 'cherry'];
// Using for...of
for (const fruit of fruits) {
console.log(fruit);
}
Causes
- Defining the array with primitive values (e.g., numbers, strings).
- Utilizing modern JavaScript patterns for better readability.
Solutions
- Use the `forEach()` method for iterating over arrays.
- Use the `for...of` loop to iterate through array elements.
Common Mistakes
Mistake: Using the traditional for loop instead of modern methods.
Solution: Consider using `forEach()` or `for...of` for more readable code.
Mistake: Incorrectly accessing array elements leading to undefined values.
Solution: Ensure you reference the correct index when not using modern iteration.
Helpers
- JavaScript for loop
- modern for loop
- primitive arrays
- JavaScript array iteration
- forEach method in JavaScript
