/

如何在 Svelte 模板中模擬 for 迴圈

如何在 Svelte 模板中模擬 for 迴圈

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

1
2
3
4
5
6
7
<script>
let goodDogs = ['Roger', 'Syd']
</script>

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

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

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

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

tags: [“Svelte”, “模板”, “迴圈”, “each”]