JavaScript-Datentypen (mit Beispielen)

In diesem Tutorial lernen Sie anhand von Beispielen die verschiedenen in JavaScript verfügbaren Datentypen kennen.

Wie der Name schon sagt, beziehen sich Datentypen auf Datentypen, die Sie in Ihrem Programm verwenden können. Beispielsweise,

 const x = 5; const y = "Hello";

Hier,

• 5 ist eine Ganzzahl.
• "Hallo" sind Zeichenfolgendaten.

JavaScript-Datentypen

In JavaScript gibt es acht grundlegende Datentypen. Sie sind:

Datentypen	Beschreibung	Beispiel
String	repräsentiert Textdaten	'hello', "hello world!"etc
Number	eine Ganzzahl oder eine Gleitkommazahl	3, 3.234, 3e-2Usw.
BigInt	eine ganze Zahl mit beliebiger Genauigkeit	900719925124740999n, 1nUsw.
Boolean	Beliebiger von zwei Werten: wahr oder falsch	true und false
undefined	Ein Datentyp, dessen Variable nicht initialisiert ist	let a;
null	bezeichnet einen nullWert	let a = null;
Symbol	Datentyp, dessen Instanzen eindeutig und unveränderlich sind	let value = Symbol('hello');
Object	Schlüssel-Wert-Paare der Datenerfassung	let student = ( );

Hier sind alle Datentypen außer Objectprimitiven Datentypen, während sie Objectnicht primitiv sind.

Hinweis: Der ObjectDatentyp (nicht primitiver Typ) kann Datensammlungen speichern, während der primitive Datentyp nur einzelne Daten speichern kann.

JavaScript-Zeichenfolge

Stringwird zum Speichern von Text verwendet. In JavaScript sind Zeichenfolgen in Anführungszeichen gesetzt:

• Einzelzitate: 'Hello'
• Anführungszeichen: "Hello"
• Backticks: `Hello`

Beispielsweise,

 //strings example const name = 'ram'; const name1 = "hari"; const result = `The names are $(name) and $(name1)`;

Einfache und doppelte Anführungszeichen sind praktisch gleich und Sie können beide verwenden.

Backticks werden im Allgemeinen verwendet, wenn Sie Variablen oder Ausdrücke in eine Zeichenfolge aufnehmen müssen. Dies erfolgt durch Umschließen von Variablen oder Ausdrücken mit $(variable or expression)wie oben gezeigt.

Informationen zur Verwendung von Backticks finden Sie im Tutorial zu JavaScript-Zeichenfolgen.

JavaScript-Nummer

Numberrepräsentiert ganzzahlige und schwebende Zahlen (Dezimalstellen und Exponentiale). Beispielsweise,

 const number1 = 3; const number2 = 3.433; const number3 = 3e5 // 3 * 10^5

Eine Reihe Typ kann auch sein +Infinity, -Infinityund NaN(keine Zahl). Beispielsweise,

 const number1 = 3/0; console.log(number1); // returns Infinity const number2 = -3/0; console.log(number2); // returns -Infinity // strings can't be divided by numbers const number3 = "abc"/3; console.log(number3); // returns NaN

JavaScript BigInt

In JavaScript kann Numbertype nur Zahlen darstellen, die kleiner als (2 ⁵³ - 1) und größer als - (2 ⁵³ - 1) sind . Wenn Sie jedoch eine größere Zahl verwenden müssen, können Sie den BigIntDatentyp verwenden.

Eine BigIntZahl wird erstellt, indem n an das Ende einer Ganzzahl angehängt wird. Beispielsweise,

 // BigInt value const value1 = 900719925124740998n; // Adding two big integers const result1 = value1 + 1n; console.log(result1); // returns "900719925124740999n" const value2 = 900719925124740998n; // Error! BitInt and number cannot be added const result2 = value2 + 1; console.log(result2); 

Ausgabe

 900719925124740999n Nicht erfasster Typfehler: BigInt und andere Typen können nicht gemischt werden

Hinweis: BigInt Wurde in der neueren Version von JavaScript eingeführt und wird von vielen Browsern, einschließlich Safari, nicht unterstützt. Besuchen Sie den JavaScript BigInt-Support, um mehr zu erfahren.

JavaScript Boolean

Dieser Datentyp repräsentiert logische Entitäten. Booleanrepräsentiert einen von zwei Werten: trueoder false. Es ist einfacher, sich einen Ja / Nein-Schalter vorzustellen. Beispielsweise,

 const dataChecked = true; const valueCounted = false;

Weitere Informationen zu Booleschen Werten finden Sie im Tutorial zum JavaScript-Vergleich und zu logischen Operatoren.

JavaScript undefiniert

Der undefinedDatentyp repräsentiert einen Wert, der nicht zugewiesen ist . Wenn eine Variable deklariert wird, der Wert jedoch nicht zugewiesen ist, lautet der Wert dieser Variablen undefined. Beispielsweise,

 let name; console.log(name); // returns undefined

Es ist auch möglich, einen Variablenwert explizit zuzuweisen undefined. Beispielsweise,

 let name = undefined; console.log(name); // returns undefined

Hinweis: Es wird empfohlen undefined, einer Variablen nicht explizit zuzuweisen . Wird normalerweise nullverwendet, um einer Variablen den Wert "unbekannt" oder "leer" zuzuweisen.

JavaScript null

In JavaScript nullist dies ein spezieller Wert, der einen leeren oder unbekannten Wert darstellt . Beispielsweise,

 const number = null;

Der obige Code legt nahe, dass die Zahlenvariable leer ist.

Hinweis : nullist nicht dasselbe wie NULL oder Null.

JavaScript-Symbol

This data type was introduced in a newer version of JavaScript (from ES2015).

A value having the data type Symbol can be referred to as a symbol value. Symbol is an immutable primitive value that is unique. For example,

 // two symbols with the same description const value1 = Symbol('hello'); const value2 = Symbol('hello');

Though value1 and value2 both contain 'hello', they are different as they are of the Symbol type.

Visit JavaScript Symbol to learn more.

JavaScript Object

An object is a complex data type that allows us to store collections of data. For example,

 const student = ( firstName: 'ram', lastName: null, class: 10 );

You will learn about JavaScript Objects in later tutorial.

JavaScript Type

JavaScript is a dynamically typed (loosely typed) language. JavaScript automatically determines the variables' data type for you.

Dies bedeutet auch, dass eine Variable von einem Datentyp sein und später in einen anderen Datentyp geändert werden kann. Beispielsweise,

 // data is of undefined type let data; // data is of integer type data = 5; // data is of string type data = "JavaScript Programming";

JavaScript typeof

Um den Typ einer Variablen zu ermitteln, können Sie den typeofOperator verwenden. Beispielsweise,

 const name = 'ram'; typeof(name); // returns "string" const number = 4; typeof(number); //returns "number" const valueChecked = true; typeof(valueChecked); //returns "boolean" const a = null; typeof(a); // returns "object"

Beachten Sie, dass typeofwieder "object"für den nullTyp. Dies ist ein bekanntes Problem in JavaScript seit seiner ersten Veröffentlichung.