Snippet

Transformieren von Zahlenwerten mit Array Map und abgeleiteten Daten

Array.prototype.map iteriert über jeden numerischen Wert eines Arrays und erzeugt ein neues Array aus Objekten mit berechneten Werten. In diesem Beispiel wird jeder Rohpreis in formatierte Zeichenketten für Netto- und Bruttobeträge umgewandelt, was eine funktionale, unveränderliche Datenverarbeitung demonstriert.

snippet.js

javascript

<script>
  let rawPrices = [15.00, 42.50, 99.99];
  const VAT_RATE = 1.19;
 
  $: priceBreakdowns = rawPrices.map(price => ({
    net: price.toFixed(2),
    gross: (price * VAT_RATE).toFixed(2)
  }));
</script>
 
<ul>
  {#each priceBreakdowns as item}
    <li>Net: ${item.net} — Gross (incl. tax): ${item.gross}</li>
  {/each}
</ul>

svelte

Erklärung

let rawPrices = [15.00, 42.50, 99.99];

Definiert ein Array mit numerischen Fließkomma-Basiswerten.

$: priceBreakdowns = rawPrices.map(price => ({ ... }));

Wendet Array.map reaktiv an, um jede Zahl in ein strukturiertes Objekt umzuwandeln.

(price * VAT_RATE).toFixed(2)

Berechnet den Bruttopreis und formatiert das Ergebnis auf zwei Nachkommastellen.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Anfänger →

Transformieren von Zahlenwerten mit Array Map und abgeleiteten Daten

Verwandt