Steuerzeichen sind spezielle Zeichen in Zeichenketten (Strings), die du nicht direkt siehst, aber die besondere Funktionen haben. Steuerzeichen werden in vielen Programmiersprachen genutzt und beginnen mit einem Backslash (\).

Die wichtigsten Steuerzeichen

1. Anführungszeichen (\' und \")

Diese Steuerzeichen ermöglichen dir, Anführungszeichen innerhalb einer Zeichenkette zu verwenden.

// Einfache Anführungszeichen in einer Zeichenkette
let satz1 = 'Das ist ein \'Zitat\' im Text.';
console.log(satz1); // Das ist ein 'Zitat' im Text.

// Doppelte Anführungszeichen in einer Zeichenkette
let satz2 = "Sie sagte: \"Hallo Welt!\"";
console.log(satz2); // Sie sagte: "Hallo Welt!"

2. Zeilenumbruch (\n)

Mit \n erzeugst du einen Zeilenumbruch in deiner Zeichenkette.

let mehrzeilig = "Erste Zeile.\nZweite Zeile.\nDritte Zeile.";
console.log(mehrzeilig);
// Ausgabe:
// Erste Zeile.
// Zweite Zeile.
// Dritte Zeile.

3. Tabulator (\t)

\t fügt einen Tabulator-Abstand ein. Das ist praktisch für das Einrücken von Text.

let liste = "Einkaufsliste:\n\tÄpfel\n\tBananen\n\tOrangen";
console.log(liste);
// Ausgabe:
// Einkaufsliste:
//     Äpfel
//     Bananen
//     Orangen

4. Backslash (\\)

Um einen Backslash in einer Zeichenkette darzustellen, musst du zwei Backslashes hintereinander schreiben.

let pfad = "C:\\Programme\\JavaScript\\Beispiele";
console.log(pfad); // C:\Programme\JavaScript\Beispiele

5. Unicode-Zeichen (\uXXXX)

Mit \u gefolgt von vier Hexadezimalziffern kannst du jedes Unicode-Zeichen darstellen.

let herz = "\u2764";
console.log(herz); // ❤

let smiley = "\u263A";
console.log(smiley); // ☺

let stern = "\u2605";
console.log(stern); // ★

Praktische Beispiele

Beispiel 1: Eine formatierte Nachricht

let nachricht = "Hallo,\n\nvielen Dank für deine Anfrage!\nWir werden uns schnellstmöglich bei dir melden.\n\nDein Support-Team \u2764";

console.log(nachricht);
// Ausgabe:
// Hallo,
//
// vielen Dank für deine Anfrage!
// Wir werden uns schnellstmöglich bei dir melden.
//
// Dein Support-Team ❤

Beispiel 2: Eine Tabelle mit Tabulatoren

let tabelle = "Name\tAlter\tStadt\n-----\t-----\t-----\nAnna\t28\tBerlin\nMax\t32\tHamburg\nLisa\t25\tMünchen";

console.log(tabelle);
// Ausgabe:
// Name    Alter   Stadt
// -----   -----   -----
// Anna    28      Berlin
// Max     32      Hamburg
// Lisa    25      München

Tipps zur Verwendung

• Verwende Steuerzeichen, um deine Textausgaben übersichtlich zu gestalten.
• Mit \n und \t machst du Texte lesbarer.
• Unicode-Zeichen (\uXXXX) eignen sich gut für Symbole und Sonderzeichen.
• In Template-Strings (mit Backticks `) brauchst du manche Steuerzeichen nicht zu maskieren, aber die Funktionalität bleibt erhalten.

Wichtiger Hinweis zu HTML

Wenn man Zeichenketten mit Steuerzeichen im Browser anzeigen möchte (z. B. in einer Webseite, nicht in der Konsole), wirken sie dort oft nicht automatisch.

Ein \n wird im HTML nicht als Zeilenumbruch dargestellt. Stattdessen braucht man dort <br>-Tags oder CSS.

In der Konsole und in Programmen sind Steuerzeichen aber sehr nützlich.