Eine Einführung in Datentypen in JavaScript

Ein Datentyp definiert den Typ und das Verhalten von Daten – er teilt dem Compiler oder Interpreter mit, wie ein Programmierer ein Datenelement verwenden möchte. Die meisten Programmiersprachen unterstützen grundlegende Datentypen wie Zahl, Boolean, String usw.

JavaScript unterstützt acht Datentypen: Number, BigInt, Boolean, String, Null, Undefined, Symbol und Object. In diesem Artikel erfahren Sie mehr über alle acht JavaScript-Datentypen und deren Verwendung.

JavaScript-Datentypen

Datentypen in JavaScript können grob in zwei Kategorien eingeteilt werden: primitive Datentypen und nicht-primitive Datentypen. Ein Objekt ist ein nicht-primitiver oder komplexer Datentyp, und der Rest sind primitive Datentypen.

JavaScript ist eine dynamisch typisierte Sprache, was bedeutet, dass Variablentypen während der Laufzeit überprüft werden. Dieselbe Variable kann jederzeit Werte unterschiedlichen Typs enthalten.

Zum Beispiel:

// x ist ein String
let x = "Hallo Welt";
// x ist eine Zahl
x = 100;
// x ist jetzt ein boolescher Wert
x = wahr;

Wenn Sie den aktuellen Datentyp einer Variablen ermitteln möchten, verwenden Sie die Art der Operator.

// x ist ein String
let x = "Hallo Welt";
Konsole.log (Typ von (x));
// x ist eine Zahl
x = 100;
Konsole.log (Typ von (x));
// x ist jetzt ein boolescher Wert
x = wahr;
Konsole.log (Typ von (x));

Ausgabe:

Schnur
Nummer
boolesch

1. Zahlendatentyp in JavaScript

Der Zahlendatentyp in JavaScript verwendet die IEEE-754 Format, um sowohl Ganzzahlen als auch Gleitkommazahlen darzustellen. Sie können in JavaScript viele Operationen mit Zahlen ausführen, wie Addition, Subtraktion, Division, Multiplikation usw. Um komplexere Vorgänge durchzuführen, können Sie das integrierte Mathe-Objekt.

Einige Beispiele zum Erstellen von Zahlen in JavaScript:

// Literale Deklaration verwenden
sei n1 = 100;
sei n2 = 456.234;
// Verwenden des Number()-Konstruktors
sei n3 = Zahl (100);
// Umwandlung in ganze Zahl
let n4 = Number.parseInt("456.234");
// Umwandlung in Float
let n5 = Number.parseFloat("456.234");
let n6 = Number.parseFloat("1.13e3");
// Unäre Umwandlung in Zahl
sei n7 = +"345";
Konsole.log (n1);
Konsole.log (n2);
Konsole.log (n3);
Konsole.log (n4);
Konsole.log (n5);
Konsole.log (n6);
Konsole.log (n7);

Ausgabe:

100
456.234
100
456
456.234
1130
345

Ganzzahlige Zahlen

Die folgende Anweisung erstellt eine Variable, die eine ganze Zahl enthält:

sei x = 21;

Wenn Sie oktale (Basis 8) Literale erstellen möchten, müssen Sie die 0o Präfix mit der Folge von oktalen Ziffern (Ziffern von 0 bis 7).

sei x = 0o53;
Konsole.log (x);

Ausgabe:

43

Wenn Sie hexadezimale (Basis 16) Literale erstellen möchten, verwenden Sie auf ähnliche Weise die 0x Präfix mit der Folge von hexadezimalen Ziffern (0 bis 9 und A bis F).

sei x = 0x53;
Konsole.log (x);

Ausgabe:

83

Gleitkommazahlen

Die folgende Anweisung erstellt eine Variable, die eine Gleitkommazahl enthält:

sei x = 324,56;

Sie können die E-Notation verwenden, um sehr große oder sehr kleine Zahlen darzustellen.

sei x = 1,13e6;
Konsole.log (x);

Ausgabe:

1130000

JavaScript bietet auch andere spezielle numerische Werte, die zu den Nummer Datentyp – NaN, Infinity und -Infinity.

• NaN: NaN steht für Keine Zahl was eine ungültige Zahl bedeutet. Wenn Sie beispielsweise eine Zeichenfolge und eine Zahl teilen, ist das Ergebnis NaN.

  console.log("MakeUseOf"/10);

  Ausgabe:

  NaN

  Interessanterweise ist NaN nichts gleich, auch sich selbst nicht.

  Konsole.log (NaN == NaN);
  console.log (NaN == ("MakeUseOf"/10));
  Konsole.log (NaN NaN);

  Ausgabe:

  falsch
  falsch
  falsch

  Auch wenn ein mathematischer Ausdruck irgendwo NaN enthält, ist das Ergebnis immer NaN.
• Unendlichkeit und -Unendlichkeit: Unendlichkeit und -Unendlichkeit repräsentiert die mathematische ∞ und -∞ bzw.

2. BigInt-Datentyp in JavaScript

BigInt ist ein primitiver Datentyp in JavaScript, der ganze Zahlen mit beliebiger Genauigkeit darstellen kann. Da der Datentyp Zahl keine Werte größer als (2⁵³-1) oder Werte kleiner als -(2⁵³-1) darstellen kann, wird BigInt in solchen Fällen verwendet, um sehr große oder kleine Zahlen darzustellen.

BigInt-Zahlen werden selten verwendet. Aber wenn Sie wirklich große Zahlen darstellen müssen, z.B. für Kryptographie, Berechnung der Fakultät von großen Zahlen, die die Masse der Sonne darstellen, Zeitstempel mit Mikrosekundengenauigkeit usw. BigInt ist das, was Sie wollen benutzen.

Sie können einen BigInt-Wert erstellen, indem Sie anhängen n bis zum Ende einer Ganzzahl oder mithilfe des Konstruktors.

let big1 = 78649264972634817648747234872634876243862348763467547n;
let big2 = BigInt("78649264972634817648747234872634876243862348763467547");
Konsole.log (big1);
Konsole.log (big2);

Ausgabe:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

Der Datentyp BigInt ist eine relativ neue Ergänzung der Sprache und wird derzeit von fast allen Browsern außer Internet Explorer unterstützt.

3. Boolescher Datentyp in JavaScript

Der boolesche Datentyp kann zwei Werte haben: wahr und falsch. Boolesche Werte sind das Ergebnis logischer Vergleiche.

sei x1 = wahr;
Konsole.log (x1);
sei x2 = !wahr;
Konsole.log (x2);
sei x3 = !!wahr;
konsole.log (x3);
let x4 = (falsch && wahr);
konsole.log (x4);
sei x5 = (falsch || wahr);
konsole.log (x5);
sei x6 = (2 == "2");
Konsole.log (x6);
sei x7 = (2 "2");
Konsole.log (x7);
sei x8 = (null undefiniert);
Konsole.log (x8);
lass x9 = (0 == "");
konsole.log (x9);
sei x10 = (100 > 12);
konsole.log (x10);

Ausgabe:

wahr
falsch
wahr
falsch
wahr
wahr
falsch
falsch
wahr
wahr

Sie können einen Wert eines anderen Datentyps in einen booleschen Datentyp umwandeln, indem Sie die Boolean() Funktion.

// Zeichenfolgen
console.log (Boolean(''));
console.log (Boolean('abc'));
console.log (Boolean('123'));
// Zahlen
console.log (Boolean (0));
console.log (Boolean (1));
console.log (Boolean (-1));
console.log (Boolean (NaN));
console.log (Boolean (Unendlich));
// Andere
console.log (Boolean([1, 2, 3]));
console.log (Boolean (undefiniert));
console.log (Boolean (null));

Ausgabe:

falsch
wahr
wahr
falsch
wahr
wahr
falsch
wahr
wahr
falsch
falsch

4. String-Datentyp in JavaScript

Ein String ist eine Folge von null oder mehr Zeichen. Strings in JavaScript sind unveränderlich und werden hauptsächlich zur Darstellung von Textdaten verwendet. Die Indizierung von Strings beginnt bei 0, d. h. das erste Element befindet sich bei Index 0, das zweite bei 1 und so weiter.

Strings müssen von Anführungszeichen umgeben sein. Sie können einen der drei Anführungszeichentypen verwenden, um eine Zeichenfolge zu erstellen: einfache Anführungszeichen, doppelte Anführungszeichen oder Backticks.

Einfache und doppelte Anführungszeichen bewirken praktisch dasselbe, aber eine Zeichenfolge, die mit einem doppelten Anführungszeichen beginnt, muss mit einem doppelten Anführungszeichen enden. Die gleiche Regel gilt auch für das einfache Anführungszeichen.

let str1 = "Hallo";
let str2 = 'Hallo';
let str3 = "Wie geht es dir?";
// Verwenden von \, um das einfache Anführungszeichen (') zu maskieren
let str4 = 'Wie geht's dir?';

Backticks sind Vorlagenliterale und bieten einige erweiterte Funktionen. Sie können Variablen, Ausdrücke und sogar Funktionsaufrufe in den String einbetten.

// Variable in einen String einbetten
let x = "Hallo";
let str1 = `${x}, Wie geht es dir?`;
Konsole.log (str1);
// Ausdruck in einen String einbetten
let str2 = `Summe von 20 + 30 ist: ${20 + 30}`;
Konsole.log (str2);
// Funktionsaufruf in einen String einbetten
Funktion berechneSumme (a, b) {
a + b zurückgeben;
}
let str3 = `Summe von 20 + 30 ist: ${calculateSum (20, 30)}`;
konsole.log (str3);

Ausgabe:

Hallo, wie geht es dir?
Summe von 20 + 30 ist: 50
Summe von 20 + 30 ist: 50

JavaScript bietet auch mehrere String-Methoden Saiten zu manipulieren.

5. Null-Datentyp in JavaScript

Der Datentyp null hat nur einen Wert: Null. Es repräsentiert das absichtliche Fehlen eines Objektwertes.

sei n = null;

Viele Programmierer werden zwischen null und undefiniert verwechselt. Es ist schwer zu verstehen der Unterschied zwischen null und undefined in JavaScript.

6. Undefinierter Datentyp in JavaScript

Der undefinierte Typ ist ein spezieller Typ, der bedeutet, dass „Wert nicht zugewiesen“ ist. Wenn Sie eine Variable deklarieren, aber nicht initialisieren, wird der Variablen ein undefinierter Wert zugewiesen.

lass x;
Konsole.log (Typ von (x));

Ausgabe:

nicht definiert

Sie können einer Variablen explizit undefined zuweisen, es wird jedoch dringend empfohlen, dies zu vermeiden.

Verwandt: JavaScript-Set-Methoden, die Sie heute beherrschen sollten

7. Symboldatentyp in JavaScript

Ein Symbol ist ein einzigartiger und unveränderlicher primitiver Wert. Es wird hauptsächlich verwendet, um eindeutige Bezeichner für Objekte zu erstellen.

Sie können ein Symbol erstellen, indem Sie die Symbol() Funktion. Es akzeptiert auch eine optionale Beschreibung (Name), jedoch nur zu Debugging-Zwecken.

sei sym1 = Symbol();
let sym2 = Symbol("Daten");

Die Symbol() -Funktion erstellt bei jedem Aufruf einen neuen eindeutigen Wert, selbst wenn Sie Symbole mit derselben Beschreibung erstellen, würden die Werte unterschiedlich sein.

console.log (Symbol() == Symbol());
console.log (Symbol("Daten") == Symbol("Daten"));

Ausgabe:

falsch
falsch

Verwandt: JavaScript-Map-Methoden, die Sie heute beherrschen sollten

8. Objektdatentyp in JavaScript

In JavaScript sind Objekte Sammlungen von Schlüssel-Wert-Paaren, wobei der Schlüssel eine Zeichenfolge ist und der Wert ein beliebiger Datentyp sein kann.

Sie können in JavaScript ein leeres Objekt erstellen, indem Sie die Syntax "Objektkonstruktor" verwenden (neues Objekt()) oder die Syntax "Objektliteral" (geschwungene Klammern {...}).

let obj1 = neues Objekt();
sei obj2 = {};

Jedes Objekt enthält eine optionale Liste von Eigenschaften, wobei eine Eigenschaft ein Schlüssel: Wert-Paar ist. Sie können auf die Werte aus dem Objekt mit Punktnotation oder Array-ähnlicher Notation (eckige Klammern) zugreifen.

lass obj = {
"Schlüssel1": "Wert1",
"key2": "value2"
}
console.log (obj.key1);
console.log (obj["key2"]);

Ausgabe:

Wert1
Wert2

Wie funktioniert JavaScript?

JavaScript ist heute eine der beliebtesten Programmiersprachen im Web. Sie können JavaScript verwenden, um Websites, Webanwendungen, Serveranwendungen, Spiele, mobile Apps usw. zu erstellen. Es genügt zu sagen, dass Sie mit JavaScript fast alles tun können, was Sie sich vorstellen können.

Aber wissen Sie, wie JavaScript unter der Haube funktioniert?

Was ist JavaScript und wie funktioniert es?

Wenn Sie Webentwicklung lernen, erfahren Sie hier, was Sie über JavaScript wissen müssen und wie es mit HTML und CSS funktioniert.

Weiter lesen

Über den Autor