Each Blocks in Svelte
From the Svelte cheat sheet · Control Flow · verified Jul 2026
Each Blocks
Rendering lists and arrays
javascript
{#each items as item}
<li>{item.name}</li>
{/each}
{#each items as item, index}
<li>{index + 1}. {item.name}</li>
{/each}
{#each items as item (item.id)}
<li>{item.name}</li>
{/each}🔄 {#each} for rendering lists and arrays
🔑 (key) for keyed updates and animations
📝 {:else} for empty state handling
⚡ Efficient list reconciliation with keys