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 -Datentypen

Die Variablen von JavaScript können verschiedene Datentypen enthalten: Zahlen, Zeichenfolgen, Objekte und mehr:

let length = 16;                               // Number
let lastName = "Johnson";                      // String
let x = {firstName:"John", lastName:"Doe"};    // Object

Das Konzept der Datentypen

In der Programmierung sind Datentypen ein wichtiges Konzept.

Um mit Variablen arbeiten zu können, ist es wichtig, etwas über den Typ zu wissen.

Ohne Datentypen kann ein Computer Folgendes nicht sicher lösen:

let x = 16 + "Volvo";

Ist es sinnvoll, „Volvo“ zu sechzehn hinzuzufügen? Wird dies einen Fehler oder ein Ergebnis erzeugen?

JavaScript behandelt das obige Beispiel wie folgt:

let x = "16" + "Volvo";

Beim Addieren einer Zahl und einer Zeichenfolge behandelt JavaScript die Zahl als Zeichenfolge.

Beispiel

let x = 16 + "Volvo";
Try it Yourself »

Beispiel

let x = "Volvo" + 16;
Try it Yourself »

JavaScript wertet Ausdrücke von links nach rechts aus. Unterschiedliche Sequenzen können zu unterschiedlichen Ergebnissen führen:

JavaScript:

let x = 16 + 4 + "Volvo";

Ergebnis:

20Volvo
Try it Yourself »

JavaScript:

let x = "Volvo" + 16 + 4;

Ergebnis:

Volvo164
Try it Yourself »

Im ersten Beispiel behandelt JavaScript 16 und 4 als Zahlen, bis es "Volvo".

Da im zweiten Beispiel der erste Operand eine Zeichenfolge ist, werden alle Operanden als Zeichenfolgen behandelt.


JavaScript-Typen sind dynamisch

JavaScript hat dynamische Typen. Das bedeutet, dass dieselbe Variable verwendet werden kann, um verschiedene Datentypen zu speichern:

Beispiel

let x;           // Jetzt ist x undefined
x = 5;           // Jetzt ist x ein Number
x = "John";      // Jetzt ist x ein String
Try it Yourself »

JavaScript-Strings

Ein String (oder ein Textstring) ist eine Reihe von Zeichen wie „John Doe“.

Strings werden in Anführungszeichen geschrieben. Sie können einfache oder doppelte Anführungszeichen verwenden:

Beispiel

let carName1 = "Volvo XC60";   // Verwenden von doppelten Anführungszeichen
let carName2 = 'Volvo XC60';   // Verwenden von einfachen 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";             // Einfaches Anführungszeichen in doppelten Anführungszeichen
let answer2 = "He is called 'Johnny'";    // Einfache Anführungszeichen in doppelten Anführungszeichen
let answer3 = 'He is called "Johnny"';    // Doppelte Anführungszeichen in einfachen Anführungszeichen
Try it Yourself »

Später in diesem Tutorial erfahren Sie mehr über Zeichenfolgen.


JavaScript-Zahlen

JavaScript hat nur einen Zahlentyp.

Zahlen können mit oder ohne Dezimalstellen geschrieben werden:

Beispiel

let x1 = 34.00;     // Geschrieben mit Dezimalstellen
let x2 = 34;        // Geschrieben ohne Dezimalstellen
Try it Yourself »

Sehr große oder sehr kleine (winzige) Zahlen können mit der wissenschaftlichen (Exponential-)Notation geschrieben werden:

Beispiel

let y = 123e5;      // 12300000
let z = 123e-5;     // 0.00123
Try it Yourself »

Später in diesem Tutorial erfahren Sie mehr über Zahlen.


JavaScript-Boolesche Werte

Boolesche Werte können nur zwei Werte haben: true oder false.

Beispiel

let x = 5;
let y = 5;
let z = 6;
(x == y)      // Rückgaben true
(x == z)       // Rückgaben false
Try it Yourself »

Boolesche Werte werden häufig bei bedingten Tests verwendet.

Weiter unten in diesem Tutorial erfahren Sie mehr über bedingte Tests.


JavaScript-Arrays

JavaScript-Arrays werden mit eckigen Klammern geschrieben.

Array-Elemente werden durch Kommas getrennt.

Der folgende Code deklariert (erstellt) ein Array namens cars, das drei Elemente (Autonamen) enthält:

Beispiel

const cars = ["Saab", "Volvo", "BMW"];
Try it Yourself »

Array-Indizes sind nullbasiert, was bedeutet, dass das erste Element [0] ist, das zweite [1] und so weiter.

Später in diesem Tutorial erfahren Sie mehr über Arrays.


JavaScript-Objekte

JavaScript-Objekte werden mit geschweiften Klammern geschrieben {}.

Objekteigenschaften werden als name:value Paare geschrieben, durch Kommas getrennt.

Beispiel

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Try it Yourself »

Das Objekt (Person) im obigen Beispiel hat 4 Eigenschaften: firstName, lastName, age und eyeColor.

You will learn more about objects later in this tutorial.


Der typeof-Operator

Sie können den JavaScript-Operator typeof verwenden, um den Typ der JavaScript-Variable zu ermitteln.

Der Operator typeof gibt den Typ der Variable oder eines Ausdrucks zurück:

Beispiel

typeof ""             // Rückgaben "string"
typeof "John"         // Rückgaben "string"
typeof "John Doe"     // Rückgaben "string"
Try it Yourself »

Beispiel

typeof 0              // Rückgaben "number"
typeof 314            // Rückgaben "number"
typeof 3.14           // Rückgaben "number"
typeof (3)            // Rückgaben "number"
typeof (3 + 4)        // Rückgaben "number"
Try it Yourself »

Später in diesem Tutorial erfahren Sie mehr über typeof.


Undefined / Undefiniert

In JavaScript hat eine Variable ohne Wert den Wert undefined. Der Typ ist auch undefined.

Beispiel

let car;    // Der Wert ist undefiniert, der Typ ist undefined
Try it Yourself »

Jede Variable kann geleert werden, indem der Wert auf undefined gesetzt wird. Der Typ wird auch undefined.

Beispiel

car = undefined;    // Der Wert ist undefiniert, der Typ ist undefined
Try it Yourself »

Leere Werte

Ein leerer Wert hat nichts zu tun mit undefined.

Eine leere Zeichenfolge hat sowohl einen gültigen Wert als auch einen Typ.

Beispiel

let car = "";    // Der Wert ist "", der typeof ist "string"
Try it Yourself »

Testen Sie sich mit Übungen

Übung:

Verwenden Sie Kommentare, um den richtigen Datentyp der folgenden Variablen zu beschreiben:

let length = 16;            // 
let lastName = "Johnson";   // 
const x = {
  firstName: "John",
  lastName: "Doe"
};                          //