En Svelte, la construcción #each se puede usar para iterar sobre un objeto similar a una matriz. Si uno tiene un objeto de diccionario JSON en su lugar, ¿Svelte proporciona una forma de iterar sobre el diccionario JSON para completar un menú desplegable? Mis datos son el resultado de una llamada API y se ven así:
const obj = { foo: "bar", batz: "boink" }Primero convierte su objeto en una matriz con la información (claves/valores/ambos) que le gustaría mostrar.
Luego, esta matriz se puede iterar con un bucle #each. Ver este REPL
<script> const obj = { foo: "bar", batz: "boink" } let keys = Object.keys(obj) // ["foo", "batz"] let values = Object.values(obj) // ["bar", "boink"] let entries = Object.entries(obj) // [["foo", "bar"], ["batz", "boink"]] </script> {#each entries as [key, value]} <div> {key} - {value} </div> {/each}