So nutzt du: Excel, CSV & JSON zu JS-Array
- CSV, Excel-Zellen oder JSON einfügen oder eine Datei öffnen.
- Form wählen: ein Array aus Objekten, Zeilen als Arrays oder ein Objekt mit der ersten Spalte als Schlüssel.
- Deklaration (
const,export const,module.exports…), Anführungszeichen und Einrückung festlegen. - Code kopieren oder als
.js-Datei herunterladen.
Was macht ein CSV-zu-JavaScript-Array-Konverter?
Er wandelt Zeilen einer Tabelle in ein JavaScript-Literal um, das du direkt in den Quellcode einfügen kannst – praktisch für Mock-Daten, Storybook-Stories, Unit-Tests, Dropdown-Optionen, kleine Lookup-Tabellen und statische Websites, die weder eine Datenbank noch einen Laufzeit-CSV-Parser brauchen.
export const products = [
{ id: 1, name: 'Ada Lovelace', active: true },
{ id: 2, name: 'Grace Hopper', active: true },
];JavaScript-Literal vs. JSON
JSON ist eine strikte Teilmenge der JavaScript-Syntax, handgeschriebenes JavaScript ist aber meist lockerer. Dieses Tool erzeugt idiomatisches JavaScript:
- Schlüssel ohne Anführungszeichen, wenn der Schlüssel ein gültiger Bezeichner ist (
name:), nur bei Bedarf in Anführungszeichen ('Vorname':). - Einfache oder doppelte Anführungszeichen, passend zu deinen Prettier- oder ESLint-Einstellungen.
- Trailing Commas, damit beim Hinzufügen von Zeilen nur eine Zeile im Diff geändert wird.
- Echte Typen: Zahlen, Booleans und
nullwerden nicht in Anführungszeichen gesetzt; Werte mit führenden Nullen bleiben Strings.
Formen und Deklarationen
| Option | Ausgabe |
|---|---|
| Objekte | [{ id: 1, … }, …] — das übliche Array aus Datensätzen |
| Zeilen (Listen) | [['id', 'name'], [1, 'Ada']] — Kopfzeile zuerst, wie in einer Tabelle |
| Nach 1. Spalte indexiert | { 'KB-001': { … } } — sofortiger Zugriff per ID |
export const / export default | ES-Module (Vite, Next.js, modernes Node) |
module.exports | CommonJS (älterer Node.js-Code) |
Bei JSON-Eingabe wandelt Originale JSON-Struktur beibehalten verschachtelte Objekte und Arrays unverändert um. Brauchst du TypeScript-Typen für die Daten? Erzeuge sie mit JSON zu TypeScript. Für PHP-Projekte nutze CSV zu PHP-Array.
Auch gesucht als: csv zu js array, excel zu javascript array, csv zu array of objects, json zu javascript objekt, csv zu js objekt, tabelle zu javascript, csv zu typescript array.
Passende Tools zu: Excel, CSV & JSON zu JS-Array
- Excel zu JSON — Öffne eine .xlsx-Arbeitsmappe oder füge Zellen direkt aus Excel oder Google Sheets ein und erhalte sauberes JSON.
- CSV zu JSON — Füge CSV oder TSV ein und erhalte ein JSON-Array aus Objekten.
- Generator für Scheindaten — Erstelle bis zu 10.000 Zeilen realistischer Testdaten – Nutzer, Produkte, Bestellungen, Adressen, Unternehmen oder verschachtelte API-Datensätze – oder erstelle dein eigenes Schema.
- JSON zu Excel — Verwandle ein JSON-Array in eine echte Excel-Arbeitsmappe.