Comment simuler une boucle for dans les modèles Svelte

Les modèles Svelte nous offrent le fantastique chaque bloc qui nous permet d'itérer sur un tableau, ou tout ce qui est itérable:

<script>
let goodDogs = ['Roger', 'Syd']
</script>

{#each goodDogs as goodDog} <li>{goodDog}</li> {/each}

Mais que se passe-t-il si vous souhaitez répéter un bloc plusieurs fois, en fonction d'une variable? Disons que nous avons lerowsvariable qui contient un nombre, et nous voulons l'utiliser comme variable de boucle.

Nous pouvons faire ce dont nous avons besoin en créant un tableau, en utilisant leArray(n)syntaxe. Cela créera un tableau, l'initialisant avecnéléments:

{#each Array(rows) as _, row}
  {row}
{/each}

Téléchargez mon gratuitManuel de Svelte


Plus de tutoriels sveltes: