24 of 32 lessons

Video Lesson

Lesson Notes

Looping Over Array Items in JavaScript

Iterating over an array lets you perform actions on each element. You can use a classic for loop:

const names = ["John", "Mary", "Susie", "Jay", "Edward", "Mike"];

for (let i = 0; i < names.length; i++) {
  console.log(`Index ${i}: value is ${names[i]}`);
}

Initialization: let i = 0
Condition: i < names.length (stops after the last index)
Increment: i++ (moves to the next index)

How It Works

i starts at 0.
Runs the loop body while i < names.length (6).
Accesses each element by names[i] for indexes 0…5.
Stops when i reaches 6.

AI Assistant

Sign In Required

Sign in and subscribe to use the AI assistant for instant help with your lessons.

Array Indexing, Access Elements

Array Iteration: Using `for...of` in JavaScript

Array Iteration with JavaScript For Loops

In this lesson, you'll master the art of looping over array items in JavaScript using the classic `for` loop. Discover how to efficiently access and manipulate each element within an array, enhancing your programming skills and enabling you to handle data with confidence!

2m 40s

Course Content

0 of 32 lessons completed

1. Introduction & Setup

0 of 4 completed

Setting up VS Code

Creating Your First HTML Page with VS Code and AI

Creating and Linking Your First JavaScript File in VS Code

Understanding the Basic HTML Structure for JavaScript Integration

2. Variables, Data Types, Operators

0 of 9 completed

Variables using the "var" keyword

Variables with "const" and "let" keywords

Code comments

String Interpolation (Template Literals)

Block Scope

Primitives in Javascript

Javascript "null" vs "undefined"

Equality Operators in JavaScript

Greater Than and Less Than in JavaScript

3. Control Structures ("If", "Else" statements and loops)

0 of 7 completed

Conditional Logic: `if`, `else if`, and `else`

Switch Statements

Basic For Loop

While Loop: Basics

`do...while` Loop Explained

Nested Loops in JavaScript

`break` and `continue` in JavaScript Loops

4. Arrays, Objects and Iterables

0 of 7 completed

Basic Arrays in Javascript

Exploring Array Properties

Array Indexing, Access Elements

Array Iteration with JavaScript For Loops

Array Iteration: Using `for...of` in JavaScript

Basic Objects in JavaScript (Simple)

Basic This

5. Functions

0 of 5 completed

Basic functions

Return values from functions

Function Expressions

Arrow functions

"this" keyword in arrow functions

6. Promises, Async and Await

0 of 0 completed

7. The DOM

0 of 0 completed