JavaScript Tutorial

JavaScript For Loops

Source: Programming with Mosh

For Loops on API Collections

Instead of counting to 10 with a generic index loop, production code iterates API results — playlist tracks, order line items, GitHub pull requests.

  • for...of — iterate playlist tracks
  • for...in — object keys (use sparingly)
  • Classic for — indexed access when you need i
Loop Spotify track items
for (const item of items) {
  const { name, artists, duration_ms } = item.track;
  console.log(`${name} — ${artists[0].name} (${duration_ms}ms)`);
}
Render Discover Weekly track list

Console

// Click Run — watch API traces and console output