在Svelte中中断迭代（每个）？

Question

是否可以在Svelte中中断迭代或像angular（ng-repeat="items in item | limitTo:4"）中那样限制极限？ 例如：

{#each items as item, i}
  ...
  {#if i > 4}
    {:break}  <--- break here
  {/if}
  ...
{/each}

Answer 1

没有{:break}块，但是您可以slice遍历数组中的前4个元素。

{#each items.slice(0, 4) as item, i} ... {/each}

Answer 2

Svelte当前没有用于中断或范围的特殊语法。常见的习惯用法是使用A对象作为{length: N}参数，通常比在每个渲染器上创建新数组要好。

#each

还有其他一些可行的模式：

{#each {length: 4} as _, i} {items[i]} {/each}