Svelte 模板提供了一個很棒的 each 區塊,讓我們可以對陣列或任何可迭代的內容進行迭代:

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

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

但是,如果你想要根據一個變數重複執行區塊呢?假設我們有一個變數 rows 儲存了一個數字,我們想要使用它作為迴圈變數。

我們可以通過創建一個陣列並使用 Array(n) 的語法來實現我們的需求。這將創建一個以 n 項初始化的陣列:

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