Búsqueda de sitios web

javascript - Cómo iterar sobre un diccionario json en Svelte


En Svelte, se puede usar el constructo #each para iterar sobre un objeto parecido a un arreglo. Si en su lugar se tiene un objeto de diccionario JSON, ¿Svelte proporciona una manera de iterar sobre el diccionario JSON para llenar un menú desplegable? Mis datos son el resultado de una llamada a la API y se ven así:

const obj = { foo: "bar", batz: "boink" }

Respuesta #1

Primero conviertes tu objeto en un arreglo con la información (claves/valores/ambos) que te gustaría mostrar.
Este arreglo luego se puede iterar con un bucle #each. Mira 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}

Artículos relacionados