BESTE WEBSITE FÜR WEBENTWICKLER

JS Lernprogramm

JS HEIM JS Einführung JS Wohin JS Ausgabe JS Aussagen JS Syntax JS Kommentare JS Variablen JS Let JS Const JS Betreiber JS Arithmetik JS Abtretung JS Datentypen JS Funktionen JS Objekte JS Veranstaltungen JS Strings JS String-Methoden JS String-Suche JS String-Vorlagen JS Zahlen JS Zahlenmethoden JS Arrays JS Array-Methoden JS Array-Sortierung JS Array-Iteration JS Array-Konst JS Termine JS Datumsformate JS Methoden zum Abrufen des Datums JS Methoden zur Datumsfestlegung JS Mathe JS Zufällig JS Boolesche Werte JS Vergleiche JS If Else JS Switch JS Schleife For JS Schleife For In JS Schleife For Of JS Schleife While JS Break JS Iterables JS Sets JS Karten JS Typeof JS Typkonvertierung JS Bitweise JS RegExp JS Fehler JS Umfang JS Heben JS Strikter modus JS this Stichwort JS Pfeilfunktion JS Klassen JS Module JS JSON JS Debuggen JS Gestaltungsrichtlinie JS Empfohlene Vorgehensweise JS Fehler JS Leistung JS Reservierte Wörter

JS Versionen

JS Versionen JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021/2022 JS IE / Edge JS Geschichte

JS Objekte

Objektdefinitionen Objekteigenschaften Objektmethoden Objektanzeige Objektzugriffsfunktionen Objektkonstruktoren Objektprototypen Objekt-Iterables Objektsätze Objektkarten Objektreferenz

JS Funktionen

Funktionsdefinitionen Funktionsparameter Funktionsaufruf Funktionsaufruf Funktion Anwenden Funktion binden Funktionsabschlüsse

JS Klassen

Klasseneinführung Klassenvererbung Klasse Static

JS Asynchron

JS Rückrufe JS Asynchron JS Versprechen JS Async/Await

JS HTML DOM

DOM Einführung DOM Methoden DOM Dokumentieren DOM Elemente DOM HTML DOM Formen DOM CSS DOM Animationen DOM Veranstaltungen DOM Ereignis-Listener DOM Navigation DOM Knoten DOM Sammlungen DOM Knotenlisten

JS Browser BOM

JS Fenster JS Bildschirm JS Standort JS Geschichte JS Navigator JS Popup-Benachrichtigung JS Zeitliche Koordinierung JS Cookies

JS Web APIs

Web API Einführung Web Formen API Web Geschichte API Web Lagerung API Web Arbeiter API Web Bringen API Web Geolokalisierung API

JS AJAX

AJAX Einführung AJAX XMLHttp AJAX Anfrage AJAX Antwort AJAX XML-Datei AJAX PHP AJAX ASP AJAX Datenbank AJAX Anwendungen AJAX Beispiele

JS JSON

JSON Einführung JSON Syntax JSON vs XML JSON Datentypen JSON Analysieren JSON Stringifizieren JSON Objekte JSON Arrays JSON Server JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery Selektoren jQuery HTML jQuery CSS jQuery DOM

JS Grafik

JS Grafik JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Beispiele

JS Beispiele JS HTML DOM JS HTML Input JS HTML Objekte JS HTML Veranstaltungen JS Browser JS Editor JS Übungen JS Quiz JS Boot Camp JS Zertifikat

JS Verweise

JavaScript Objekte HTML DOM Objekte

JavaScript. W3Schools auf Deutsch. Unterricht für Anfänger

Ua En Es Fr

JavaScript -Strings

Die Zeichenfolgen von JavaScript dienen zum Speichern und Bearbeiten von Text.

Eine JavaScript-Zeichenfolge besteht aus null oder mehr in Anführungszeichen geschriebenen Zeichen.

Beispiel

let text = "John Doe";
Try it Yourself »

Sie können einfache oder doppelte Anführungszeichen verwenden:

Beispiel

let carName1 = "Volvo XC60" // Doppelte Anführungszeichen
let carName2 = 'Volvo XC60'// Einfache Anführungszeichen
Try it Yourself »

Sie können Anführungszeichen innerhalb einer Zeichenfolge verwenden, solange diese nicht mit den Anführungszeichen übereinstimmen, die die Zeichenfolge umgeben:

Beispiel

let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';
Try it Yourself »

Zeichenfolgenlänge

Um die Länge einer Zeichenfolge zu ermitteln, verwenden Sie die integrierte Eigenschaft length:

Beispiel

let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;
Try it Yourself »

Escape-Zeichen

Da Zeichenfolgen in Anführungszeichen geschrieben werden müssen, wird JavaScript diese Zeichenfolge falsch verstehen:

let text = "We are the so-called "Vikings" from the north.";

Die Zeichenfolge wird auf „Wir sind die sogenannten“ gekürzt.

Die Lösung zur Vermeidung dieses Problems besteht in der Verwendung des Backslash-Escape-Zeichens.

Das Backslash-Escape-Zeichen (\) wandelt Sonderzeichen in Zeichenfolgenzeichen um:

Code Ergebnis Beschreibung
\' ' Einfaches Anführungszeichen
\" " Anführungszeichen
\\ \ Backslash

Die Sequenz \"  fügt ein doppeltes Anführungszeichen in eine Zeichenfolge ein:

Beispiel

let text = "We are the so-called \"Vikings\" from the north.";
Try it Yourself »

Die Sequenz \'  fügt ein einfaches Anführungszeichen in eine Zeichenfolge ein:

Beispiel

let text= 'It\'s alright.';
Try it Yourself »

Die Sequenz \\  fügt einen Backslash in einen String ein:

Beispiel

let text = "Das Zeichen \\ wird Backslash genannt.";
Try it Yourself »

Sechs weitere Escape-Sequenzen sind in JavaScript gültig:

Code Ergebnis
\b Rücktaste
\f Formular-Feed
\n Neue Linie
\r Wagenrücklauf
\t Horizontaler Tabulator
\v Vertikaler Tabulator

Die oben stehenden 6 Escape-Zeichen wurden ursprünglich zur Steuerung von Schreibmaschinen, Fernschreibern und Faxgeräten entwickelt. In HTML ergeben sie keinen Sinn.


Lange Codezeilen unterbrechen

Um die Lesbarkeit zu verbessern, vermeiden Programmierer häufig Codezeilen mit mehr als 80 Zeichen.

Wenn eine JavaScript-Anweisung nicht in eine Zeile passt, ist der beste Ort zum Unterbrechen nach einem Operator:

Beispiel

document.getElementById("demo").innerHTML =
"Hello Dolly!";
Try it Yourself »

Sie können eine Codezeile innerhalb einer Textzeichenfolge auch mit einem einzelnen Backslash aufteilen:

Beispiel

document.getElementById("demo").innerHTML = "Hello \
Dolly!"
;
Try it Yourself »

Die Methode \ ist nicht die bevorzugte Methode. Sie wird möglicherweise nicht universell unterstützt.
Einige Browser erlauben keine Leerzeichen nach dem Zeichen \.

Eine sicherere Möglichkeit, einen String aufzuteilen, ist die Verwendung der String-Addition:

Beispiel

document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";
Try it Yourself »

Sie können eine Codezeile nicht durch einen Backslash unterbrechen:

Beispiel

document.getElementById("demo").innerHTML = \
"Hello Dolly!";
Try it Yourself »

JavaScript-Strings als Objekte

Normalerweise sind JavaScript-Strings primitive Werte, die aus Literalen erstellt werden:

let x = "John";

Aber auch Strings können als Objekte definiert werden mit dem Schlüsselwort new:

let y = new String("John");

Beispiel

let x = "John";
let y = new String("John");
Try it Yourself »

Erstellen Sie keine String-Objekte.

Das Schlüsselwort new verkompliziert den Code und verlangsamt die Ausführungsgeschwindigkeit.

String-Objekte können unerwartete Ergebnisse erzeugen:

Bei Verwendung des Operators == sind x und y gleich:

let x = "John";
let y = new String("John");
Try it Yourself »

Bei Verwendung des Operators === sind x und y ungleich:

let x = "John";
let y = new String("John");
Try it Yourself »

Beachten Sie den Unterschied zwischen (x==y) und (x===y).

(x == y) wahr oder falsch?

let x = new String("John");
let y = new String("John");
Try it Yourself »

(x === y) wahr oder falsch?

let x = new String("John");
let y = new String("John");
Try it Yourself »

Der Vergleich zweier JavaScript-Objekte gibt immer false zurück.

Vollständige String-Referenz

Eine vollständige String-Referenz finden Sie in unserer:

Vollständige JavaScript-String-Referenz.

Die Referenz enthält Beschreibungen und Beispiele aller String-Eigenschaften und -Methoden.


Testen Sie sich mit Übungen

Übung:

Verwenden Sie die Eigenschaft length, um die Länge von txt.

let txt = "Hello World!";
let x = ;
alert(x);