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}