Svelte For Döngüsü

Svelte, tekrarlanabilir elemanlar için harika bir each yapısı sunuyor bize. Örneğin;

<script>
    let names = ['tayfun', 'gökhan', 'mehmet']
</script>

<ul>
    {#each names as name (name)}
        <li>{name}</li>
    {/each}
</ul>

Editörde Görüntüle

Peki ya bir değişkende tutulan sayıya göre tekrarlanan bir bloğumuz olsaydı? Svelte bize for döngüsüyle alakalı bir kolaylık sağlamıyor :/ Ne yapabiliriz?

Array(n) ile n kadar bir dizi oluşturup bunu each'e sokarak işlemimizi gerçekleştirebiliriz. Örneğin;

<script>
    let rows = 5
</script>

<ul>
    {#each Array(rows) as _, row (row)}
        <li>{row}. Satır</li>
    {/each}
</ul>

Editörde Görüntüle