Svelte – two options for parsing arrays
Arrays in Svelte can be parsed in at least two ways.
Method 1
<div class=“table” items={items}>
<div class=“title”>
<div class=“item”> div>
<div class=“item”> div>
div>
<div class=“main” let:item={item}>
<div class=“item date”>{item.date}div>
<div class=“item name”>{item.name}div>
div>
div>
<div class=“title”>
<div class=“item”> div>
<div class=“item”> div>
div>
<div class=“main” let:item={item}>
<div class=“item date”>{item.date}div>
<div class=“item name”>{item.name}div>
div>
div>
Method 2
<div class=“table”>
<div class=“title”>
<div class=“item”> div>
<div class=“item”> div>
div>
<div class=“title”>
<div class=“item”> div>
<div class=“item”> div>
div>
<div class=“main”>
{#each items as {id, date, name}, i}
<div class=“item” let:item={item}>
<slot>
<div class=“cell id”>{i + 1}div>
slot>
<slot>
<div class=“cell date”>{date}div>
slot>
<slot>
<div class=“cell name”>{name}div>
slot>
div>
{/each}
div>
div>
Hello! You are on my site. I am a developer. Here I share my best practices and knowledge. Ask in the comments if you don’t understand something or write if you have something to add.
