Arbeiten mit Excel in TypeScript: Bibliotheken, Beispiele und Werkzeuge

Arbeiten mit Excel in TypeScript: Überblick über Bibliotheken und praktische Beispiele

TypeScript ist eine streng typisierte Erweiterung von JavaScript, die aktiv in der Webentwicklung eingesetzt wird, insbesondere bei der Erstellung komplexer Unternehmensanwendungen. Eine häufige Aufgabe ist die Arbeit mit Excel-Tabellen: Daten lesen, Berichte generieren, Export und Import. In diesem Artikel betrachten wir die wichtigsten Bibliotheken für die Arbeit mit Excel in TypeScript und geben praktische Codebeispiele.

Beliebte Bibliotheken für die Arbeit mit Excel in TypeScript

Heutzutage gibt es mehrere stabile Lösungen. Wir betrachten die drei beliebtesten:

• ExcelJS – eine leistungsstarke Bibliothek zum Lesen, Erstellen und Bearbeiten von XLSX-Dateien. Unterstützt Stile, Formeln, Diagramme, Blattschutz und vieles mehr. Funktioniert im Browser und in Node.js.
• xlsx (SheetJS) – eine schlanke Bibliothek zum Parsen und Generieren von Tabellen. Ideal für die schnelle Datenverarbeitung ohne komplexe Formatierung.
• node-xlsx – ein einfacher Wrapper um xlsx, der auf Node.js ausgerichtet ist. Praktisch für den schnellen Export von Datenarrays.

In diesem Leitfaden konzentrieren wir uns auf ExcelJS, da es die größte Kontrolle über die Struktur und die Stile des Dokuments bietet.

Installation und Einrichtung

Installieren Sie zunächst die Bibliothek über npm:

npm install exceljsnpm install @types/node --save-dev  // für Node.js-Typen

Stellen Sie außerdem sicher, dass TypeScript in Ihrem Projekt konfiguriert ist (Datei tsconfig.json).

Erstellen einer einfachen Excel-Datei

Beispiel zum Erstellen einer Datei mit Kopfzeilen und Daten:

import * as ExcelJS from 'exceljs';

async function createWorkbook() {  const workbook = new ExcelJS.Workbook();  const sheet = workbook.addWorksheet('Mitarbeiter');

  // Kopfzeilen  sheet.columns = [    { header: 'ID', key: 'id', width: 10 },    { header: 'Name', key: 'name', width: 25 },    { header: 'Position', key: 'position', width: 20 },    { header: 'Gehalt', key: 'salary', width: 15 },  ];

  // Daten  const employees = [    { id: 1, name: 'Ivan Petrov', position: 'Entwickler', salary: 150000 },    { id: 2, name: 'Maria Smirnova', position: 'Designer', salary: 120000 },    { id: 3, name: 'Alexei Kuznetsov', position: 'Manager', salary: 130000 },  ];

  employees.forEach(emp => sheet.addRow(emp));

  // Speichern  await workbook.xlsx.writeFile('employees.xlsx');  console.log('Datei erstellt!');}

createWorkbook();

Daten aus Excel lesen

Lesen einer vorhandenen Datei und Konvertieren der Daten in TypeScript-Objekte:

import * as ExcelJS from 'exceljs';

interface Employee {  id: number;  name: string;  position: string;  salary: number;}

async function readWorkbook() {  const workbook = new ExcelJS.Workbook();  await workbook.xlsx.readFile('employees.xlsx');    const sheet = workbook.getWorksheet('Mitarbeiter');  const employees: Employee[] = [];

  sheet.eachRow((row, rowNumber) => {    if (rowNumber === 1) return; // Kopfzeilen überspringen    employees.push({      id: row.getCell(1).value as number,      name: row.getCell(2).value as string,      position: row.getCell(3).value as string,      salary: row.getCell(4).value as number,    });  });

  console.log('Gelesene Mitarbeiter:', employees.length);  console.log(employees);}

readWorkbook();

Formatierung und Stile

ExcelJS ermöglicht die Anpassung des Erscheinungsbilds von Zellen: Schriftarten, Füllung, Rahmen, Ausrichtung. Beispiel zum Hinzufügen von Stilen zu Kopfzeilen:

import * as ExcelJS from 'exceljs';

async function styledWorkbook() {  const workbook = new ExcelJS.Workbook();  const sheet = workbook.addWorksheet('Bericht');

  // Stil für Kopfzeilen definieren  const headerStyle: Partial&