0 Tage Serie
javascript / beginner
Snippet

Iterieren mit Each-Blöcken

Der {#each}-Block ermöglicht es dir, über ein Array zu iterieren und für jedes Element in dieser Liste ein Element zu rendern.

snippet.js
javascript
1
2
3
4
5
6
7
8
9
<script>
let colors = ['Red', 'Green', 'Blue'];
</script>
<ul>
{#each colors as color}
<li>{color}</li>
{/each}
</ul>
svelte
Erklärung
1
{#each colors as color}
Startet die Schleife und weist jedes Array-Element der Variable 'color' zu.
2
{/each}
Schließt den Schleifen-Block ab.