each for new Set([])

[frederikhors]

Is it possible to iterate over new Set([]) with e.g. {#each ...}?

What is the recommended method?

[Conduitry]

Spread it into an array with [...set]. Adding iterable support to {#each} has come up several times. See #894 for why we we're not excited about the idea.

[frederikhors]

Thanks @Conduitry but I think I explained myself wrong.

What I'd like to do is something like:

let selectedPlayers = new Set()

function addOrRemove(playerID) {
  if (selectedPlayers.has(playerID)) {
    selectedPlayers.delete(playerID)
  } else {
    selectedPlayers.add(playerID)
  }
}

I don't know how to use it with:

{#if selectedPlayers.size}
  {#each selectedPlayers as player}
    {player}
  {/each}
{/if}

[pngwn]

The same approach will work:

{#if selectedPlayers.size}
  {#each [ ...selectedPlayers ] as player}
    {player}
  {/each}
{/if}

[frederikhors]

@pngwn I'm sorry it doesn't work, REPL: https://svelte.dev/repl/38b796562e024e6890a0949af85627ba?version=3.6.7

[pngwn]

You need to follow the reactivity rules, there is no assignment here so an update will not be triggered.
https://svelte.dev/repl/0dca50469e8e43b2835e655324a7ade0?version=3.6.7

[frederikhors]

Oh. Thanks.

selectedPlayers.size > 0 is the same as selectedPlayers.size, right?

[pngwn]

Has the same effect, yeah.