如何反转 svelte {#each ...} 块中的顺序

Question

是否可以反转 svelte 的 {#each ...} 块中项目的显示顺序？

我想要一个对象数组，按 id 排序，最旧的条目排在前面。我想先显示最新的条目。

编辑：为了说明使用 .reverse() 解决方案时会发生什么，这里是“之前”和“之后”转换屏幕：

Answer 1

查看我尝试过的文档：

<script>
    let cats = [
        { id: 'J---aiyznGQ', name: 'Keyboard Cat' },
        { id: 'z_AbfPXTKms', name: 'Maru' },
        { id: 'OUtn3pvWmpg', name: 'Henri The Existential Cat' }
    ];
</script>

<h1>The Famous Cats of YouTube</h1>

<ul>
    {#each [...cats].reverse() as { id, name }, i}
        <li><a target="_blank" href="https://www.youtube.com/watch?v={id}">
            {i + 1}: {name}
        </a></li>
    {/each}
</ul>

似乎有效...在这里尝试一下

这样做的原因[...cats].reverse()是为了避免反转实际的 cats 数组，而只是反转副本