如何在Svelte中打印每个块的Object键和值

Question

我想循环遍历sections对象，并打印出h1中的键和p标记中的值。我可以把它封装在一个数组中。

<script>
const sections = 
{"Title 1": "paragraph",
"Title 2": "paragraph",
"Title 3": "paragraph",
"Title 4": "paragraph",
"Title 5": "paragraph"}
</script>

{#each sections as section}
<h1>{title}</h1>
<p>{paragraph}</p>
{/each}

Answer 1

您有一个Object，它有多个键，每个键都有各自的值。

您需要先将对象转换为数组，然后在上迭代

<script>
const sections = {
"Title 1": "paragraph",
"Title 2": "paragraph",
"Title 3": "paragraph",
"Title 4": "paragraph",
"Title 5": "paragraph"
}
// Object.entries() converts an Object into an array of arrays, 
// each sub array first index is the a key and the second index is a value
// Object.entries({key: value, key:value}) => [[key, value], [key,value]]
</script>
{#each Object.entries(sections) as [title, paragraph]}
<h1>{title}</h1>
<p>{paragraph}</p>
{/each}

这是一个复制