TOC

Grundlegendes zu Datentypen in JavaScript

Einführung

Data types werden verwendet, um einen bestimmten Datentyp in Programmiersprachen zu klassifizieren. Beispielsweise sind eine Zahl und eine Zeichenfolge unterschiedliche Datentypen, die von JavaScript unterschiedlich behandelt werden.

Dies ist wichtig, da der von Ihnen verwendete Datentyp bestimmt, welche Werte Sie ihm zuweisen und was Sie damit tun können. Das heißt, um Operationen mit Variablen in JavaScript ausführen zu können, ist es wichtig, den Datentyp einer bestimmten Variablen zu verstehen.

In diesem Lernprogramm werden die Funktionsweise von Datentypen in JavaScript sowie die für die Sprache wichtigen Datentypen erläutert. Dies ist keine vollständige Untersuchung der Datentypen, sondern hilft Ihnen, sich mit den in JavaScript verfügbaren Optionen vertraut zu machen.

Dynamische Eingabe

JavaScript hat dynamische Datentypen, was bedeutet, dass die Typprüfung zur Laufzeit und nicht zur Kompilierungszeit durchgeführt wird. Pythonsdata typeswerden ebenfalls dynamisch eingegeben.

Bei dynamisch typisierten Sprachen kann eine Variable mit demselben Namen verwendet werden, um verschiedene Datentypen zu speichern.

Beispielsweise kann die Variablet, die durch das Schlüsselwortlet als Variable definiert wird (beachten Sie, dasslet den Umfang einer bestimmten Variablen begrenzt hält), für verschiedene Datentypen oder zugewiesen werden kann initialisiert werden, bleibt aber undefiniert: 

let t = 16;         // t is a number
let t = "Teresa";   // t is a string
let t = true;       // t is a Boolean
let t;              // t is undefined

Jede der oben genannten Variablentkann auf einen beliebigen in JavaScript verfügbaren Datentyp festgelegt werden. Sie müssen nicht explizit mit einem Datentyp deklariert werden, bevor sie verwendet werden.

Zahlen

JavaScript hat nur einen Zahlentyp, es gibt keine separate Bezeichnung für Ganzzahlen und Gleitkommazahlen. Aus diesem Grund können Zahlen mit oder ohne Dezimalstellen in JavaScript geschrieben werden: 

let num1 = 93;
let num2 = 93.00;

In beiden obigen Fällen ist der Datentyp eine Zahl und derselbe, unabhängig davon, ob die Zahl Dezimalstellen enthält oder nicht.

Die wissenschaftliche Exponentialnotation kann in JavaScript verwendet werden, um sehr große oder kleine Zahlen abzukürzen, wie in den folgenden Beispielen gezeigt: 

let num3 = 987e8;       // 98700000000
let num4 = 987e-8;      // 0.00000987

Zahlen in JavaScript sind bis zu 15 Stellen genau. Das bedeutet, dass die Zahlen nach Erreichen der 16. Ziffer gerundet werden: 

let num5 = 999999999999999;     // remains as 999999999999999
let num6 = 9999999999999999;    // rounded up to 10000000000000000

Zusätzlich zur Darstellung von Zahlen stehen dem JavaScript-Zahlentyp drei symbolische Werte zur Verfügung:

  • Infinity - ein numerischer Wert, der einepositive-Zahl darstellt, die sich der Unendlichkeit nähert

  • -Infinity - ein numerischer Wert, der einenegative-Zahl darstellt, die sich der Unendlichkeit nähert

  • NaN - ein numerischer Wert, der eine Nichtzahl darstellt und fürnotanumber steht

Infinity oder-Infinity werden zurückgegeben, wenn Sie eine Zahl außerhalb der größtmöglichen in JavaScript verfügbaren Zahl berechnen. Diese werden auch für Werte auftreten, die nicht definiert sind, wie beim Teilen durch Null: 

let num7 = 5 / 0;   // will return Infinity
let num8 = -5 / 0;  // will return -Infinity

In technischer Hinsicht werdenInfinity angezeigt, wenn eine Zahl die Zahl1.797693134862315E+308 überschreitet, die die Obergrenze in JavaScript darstellt.

In ähnlicher Weise werden-Infinity angezeigt, wenn eine Zahl die Untergrenze von-1.797693134862316E+308 überschreitet.

Die ZahlInfinity kann auch in Schleifen verwendet werden: 

while (num9 != Infinity) {
    // Code here will execute through num9 = Infinity
}

Für Zahlen, die keine legalen Zahlen sind, werdenNaN angezeigt. Wenn Sie versuchen, eine mathematische Operation für eine Zahl und einen nicht numerischen Wert auszuführen, wirdNaN zurückgegeben. Dies ist im folgenden Beispiel der Fall: 

let x = 20 / "Shark";   // x will be NaN

Da die Zahl20 nicht durch die Zeichenfolge"Shark" geteilt werden kann, weil sie nicht als Zahl ausgewertet werden kann, ist der zurückgegebene Wert für die VariablexNaN.

Wenn eine Zeichenfolge jedoch als numerischer Wert ausgewertet werden kann, kann der mathematische Ausdruck in JavaScript ausgeführt werden: 

let y = 20 / "5";   // y will be 4

Da im obigen Beispiel die Zeichenfolge"5" in JavaScript als numerischer Wert ausgewertet werden kann, wird sie als solche behandelt und arbeitet mit dem mathematischen Operator für die Division/.

Wenn Sie einer Variablen, die in einer Operation verwendet wird, den WertNaN zuweisen, ergibt sich der WertNaN, auch wenn der andere Operand eine zulässige Zahl ist: 

let a = NaN;
let b = 37;
let c = a + b;  // c will be NaN

In JavaScript gibt es nur einen Datentyp für Zahlen. Wenn Sie mit Zahlen arbeiten, wird jede eingegebene Zahl als Datentyp für Zahlen interpretiert. Sie müssen nicht angeben, welchen Datentyp Sie eingeben, da JavaScript dynamisch eingegeben wird.

Streicher

Astring ist eine Folge von einem oder mehreren Zeichen (Buchstaben, Zahlen, Symbole). Zeichenfolgen sind nützlich, da sie Textdaten darstellen.

In JavaScript sind Zeichenfolgen entweder in einfachen Anführungszeichen' oder in doppelten Anführungszeichen" vorhanden. Um eine Zeichenfolge zu erstellen, schließen Sie eine Folge von Zeichen in Anführungszeichen ein: 

let singleQuotes = 'This is a string in single quotes.';
let doubleQuotes = "This is a string in double quotes.";

Sie können zwischen einfachen und doppelten Anführungszeichen wählen. Unabhängig davon, für was Sie sich entscheiden, sollten Sie innerhalb eines Programms konsistent bleiben.

Das Programm "Hallo Welt!" zeigt, wie eine Zeichenfolge in der Computerprogrammierung verwendet werden kann, da die Zeichen, aus denen die PhraseHello, World! in den folgendenalert() besteht, eine Zeichenfolge sind.

hello.html

Wenn wir den Code ausführen und auf die SchaltflächeClick me klicken, wird ein Popup mit der folgenden Ausgabe angezeigt: 

OutputHello, World!

Wie bei anderen Datentypen können wir Zeichenfolgen in Variablen speichern: 

let hw = "Hello, World!";

Zeigen Sie die Zeichenfolge inalert()an, indem Sie die Variable aufrufen:

hello.html

...

...
OutputHello, World!

Es gibt viele Operationen, die wir an Zeichenfolgen in unseren Programmen ausführen können, um sie zu manipulieren und die gewünschten Ergebnisse zu erzielen. Zeichenfolgen sind wichtig für die Übermittlung von Informationen an den Benutzer und für die Übermittlung von Informationen an das Programm.

Boolesche

Der DatentypBooleankann einer von zwei Werten sein, entwedertrue oderfalse. Boolesche Werte werden verwendet, um die Wahrheitswerte darzustellen, die dem logischen Zweig der Mathematik zugeordnet sind, der Algorithmen in der Informatik informiert.

Immer wenn Sie den Datentyp Boolean sehen, beginnt er mit einem großgeschriebenenB, da er nach dem Mathematiker George Boole benannt ist.

Viele mathematische Operationen geben uns Antworten, die entweder wahr oder falsch sind:

  • größer als

    • 500> 100true

    • 1> 5false

  • weniger als

    • 200 <400true

    • 4 <2false

  • gleich

    • 5 = 5true

    • 500 = 400false

Wie bei anderen Datentypen können wir einen Booleschen Wert in einer Variablen speichern: 

let myBool = 5 > 8; // false

Da 5 nicht größer als 8 ist, hat die VariablemyBool den Wertfalse.

Wenn Sie mehr Programme in JavaScript schreiben, werden Sie besser mit der Funktionsweise von Booleschen Elementen vertraut und erfahren, wie verschiedene Funktionen und Operationen, die mit true oder false bewertet werden, den Verlauf des Programms ändern können.

Arrays

Einarray kann mehrere Werte innerhalb einer einzelnen Variablen enthalten. Dies bedeutet, dass Sie eine Liste von Werten in einem Array enthalten und diese durchlaufen können.

Jedes Element oder jeder Wert innerhalb eines Arrays wird alselement bezeichnet. Sie können mithilfe einer Indexnummer auf die Elemente eines Arrays verweisen.

So wie Zeichenfolgen als Zeichen zwischen Anführungszeichen definiert sind, werden Arrays durch Werte in eckigen Klammern[ ]definiert.

Ein Array von Zeichenfolgen sieht beispielsweise so aus: 

let fish = ["shark", "cuttlefish", "clownfish", "eel"];

Wenn wir die Variablefish aufrufen, erhalten wir die folgende Ausgabe: 

["shark", "cuttlefish", "clownfish", "eel"]

Arrays sind ein sehr flexibler Datentyp, da Elementwerte hinzugefügt, entfernt und geändert werden können.

Objekte

Der Datentyp von JavaScriptobjectkann viele Werte alsname:value-Paare enthalten. Diese Paare bieten eine nützliche Möglichkeit zum Speichern und Zugreifen auf Daten. Die Objektliteral-Syntax besteht aus Name: Wert-Paaren, die durch Doppelpunkte mit geschweiften Klammern auf beiden Seiten{ } getrennt sind.

In der Regel wird ein JavaScript-Objektliteral mit Leerzeichen zwischen den Eigenschaften verwendet, um verwandte Daten zu speichern, z. B. die in einer ID enthaltenen Informationen. 

let sammy = {firstName:"Sammy", lastName:"Shark", color:"blue", location:"ocean"};

Alternativ und insbesondere für Objektliterale mit einer hohen Anzahl von Name: Wert-Paaren können wir diesen Datentyp in mehrere Zeilen mit einem Leerzeichen nach jedem Doppelpunkt schreiben: 

let sammy = {
    firstName: "Sammy",
    lastName: "Shark",
    color: "blue",
    location: "Ocean"
};

Die Objektvariablesammy in jedem der obigen Beispiele hat 4 Eigenschaften:firstName,lastName,color undlocation. Dies sind jeweils durch Doppelpunkte getrennte übergebene Werte.

Arbeiten mit mehreren Datentypen

Während jedes von Ihnen erstellte Programm mehrere Datentypen enthält, ist es wichtig zu berücksichtigen, dass Sie im Allgemeinen Vorgänge innerhalb desselben Datentyps ausführen. Das heißt, Sie führen Mathematik mit Zahlen durch oder schneiden Zeichenfolgen.

Wenn Sie einen Operator verwenden, der über Datentypen hinweg funktioniert, z. B. den Operator+, mit dem Zahlen hinzugefügt oder Zeichenfolgen verkettet werden können, können unerwartete Ergebnisse erzielt werden.

Wenn Sie beispielsweise den Operator+ mit Zahlen und Zeichenfolgen zusammen verwenden, werden die Zahlen als Zeichenfolge behandelt (daher werden sie verkettet), aber die Reihenfolge der Datentypen beeinflusst die Verkettung.

Wenn Sie also eine Variable erstellen, die die folgende Verkettung ausführt, interpretiert JavaScript jedes der folgenden Elemente als Zeichenfolge: 

let o = "Ocean" + 5 + 3;

Wenn Sie die Variableoaufrufen, wird der folgende Wert zurückgegeben: 

OutputOcean53

Wenn Sie jedoch mit Zahlen führen, werden die beiden Zahlen hinzugefügt, bevor sie dann als Zeichenfolge interpretiert werden, wenn die Programmlaufzeit"Ocean" erreicht. Der zurückgegebene Wert ist also die Summe der beiden mit der Zeichenfolge verketteten Zahlen: 

let p = 5 + 3 + "Ocean";
Output8Ocean

Aufgrund dieser unerwarteten Ergebnisse werden Sie wahrscheinlich Vorgänge und Methoden innerhalb eines Datentyps ausführen und nicht über diesen hinweg. JavaScript gibt jedoch beim Mischen von Datentypen keine Fehler zurück, wie dies bei einigen anderen Programmiersprachen der Fall ist.

Fazit

An dieser Stelle sollten Sie einige der wichtigsten Datentypen kennen, die für die Verwendung in JavaScript zur Verfügung stehen.

Jeder dieser Datentypen wird wichtig, wenn Sie Programmierprojekte in der JavaScript-Sprache entwickeln.

Related