Sveltejs Academy · Lesson

{#each} with Index and Key

Loop over arrays and objects, accessing index and key values.

The each Block

{#each list as item} iterates over an array and renders the markup once per element.

{#each colors as color}
  <li>{color}</li>
{/each}

Destructure the item shape inline for cleaner templates.

{#each users as { id, name }}
  <li>{name}</li>
{/each}