Heim > Web-Frontend > js-Tutorial > JavaScript-Datentypen verstehen

JavaScript-Datentypen verstehen

DDD
Freigeben: 2024-12-27 17:48:11
Original
189 Leute haben es durchsucht

Understanding JavaScript Data Types

JavaScript ist eine dynamisch typisierte Sprache, was bedeutet, dass Sie den Datentyp einer Variablen bei der Deklaration nicht angeben müssen. Der Datentyp wird bei der Ausführung automatisch ermittelt oder nach Bedarf konvertiert. Diese Funktion macht JavaScript flexibel und entwicklerfreundlich.

Was sind Datentypen?

Datentypen definieren die Art von Daten, die eine Variable speichern und bearbeiten kann. Eine JavaScript-Variable kann jede Art von Daten enthalten. In JavaScript werden Datentypen grob in zwei Typen kategorisiert:
1️⃣ Primitive Datentypen (7 Typen)
2️ Nicht-primitive Datentypen (1 Typ)

1️⃣ Primitive Datentypen: Die Bausteine

Dies sind die grundlegendsten Datentypen in JavaScript und sie sind unveränderlich, was bedeutet, dass ihre Werte nicht geändert werden können.

(1) String: Stellt Textdaten dar. In JavaScript gibt es drei Arten von Anführungszeichen: Doppelte Anführungszeichen, einfache Anführungszeichen und Backticks.
? Beispiel:

const fname = 'Richa'; // Single quotes
const language = "JavaScript"; // Double quotes
const study = `webDev`; // Backticks
console.log(fname, language, study); // Output: Richa JavaScript webDev
Nach dem Login kopieren

(2) Zahl: Stellt numerische Werte dar (sowohl Ganzzahlen als auch Gleitkommazahlen).
? Beispiel:

const total = 0;
const PI = 3.14;
console.log(total, PI); // Output: 0 3.14
Nach dem Login kopieren

(3) BigInt: Stellt Ganzzahlen dar, die größer sind, als der Zahlentyp verarbeiten kann. Ein BigInt-Wert wird erstellt, indem n an das Ende einer Ganzzahl angehängt wird.
? Beispiel:

const bigNumber = 1234567890123456789012345678901234567890n;
console.log(bigNumber); // Output: 1234567890123456789012345678901234567890n
Nach dem Login kopieren

(4) Boolean: Stellt einen logischen Wert dar, entweder wahr oder falsch.
? Beispiel:

const isPrimeNumber = true;
const isNewUser = false;
console.log(isPrimeNumber, isNewUser); // Output: true false
Nach dem Login kopieren

(5) Null: Stellt einen absichtlich leeren oder unbekannten Wert dar.
? Beispiel:

const data = null;
console.log(data); // Output: null
Nach dem Login kopieren

(6) Undefiniert: Stellt eine Variable dar, die deklariert wurde, aber noch keinem Wert zugewiesen wurde.
? Beispiel:

let result;
console.log(result); // Output: undefined

/* Uncomment the following code and see what output will return */
/* let result = undefined;
console.log(result); */

let result_1 = undefined;
console.log(result_1); // Output: undefined
Nach dem Login kopieren

(7) Symbol: Eingeführt in ES6 (2015), stellt einen einzigartigen und unveränderlichen Wert dar. Der Symboltyp wird verwendet, um eindeutige Identifikatoren für Objekte zu erstellen. Dies möchte ich vorerst nur kurz erwähnen. Wir werden später näher darauf eingehen.
? Beispiel:

const uniqueId = Symbol("id");
console.log(uniqueId); // Output: Symbol(id)
Nach dem Login kopieren

2️ Nicht-primitive Datentypen: Die komplexen Strukturen

Diese Datentypen können Sammlungen von Werten oder komplexere Entitäten enthalten.
(1) Objekt: Eine Sammlung von Eigenschaften, wobei jede Eigenschaft als Schlüssel-Wert-Paar definiert ist.
? Beispiel:

// object literal
const person = {
    firstName: "Richa",
    lastName: "webDev",
    age: 50
};
// dot (.) notation for access properties
console.log(person.firstName); // Output: Richa
Nach dem Login kopieren

Der Typ des Operators

Der Operator „typeof“ gibt den Datentyp einer JavaScript-Variablen oder eines Ausdrucks zurück.
? Beispiel:

console.log(typeof "Richa"); // Output: string  
console.log(typeof 0); // Output: number  
console.log(typeof 123); // Output: number  
console.log(typeof 123.12); // Output: number  
console.log(typeof (12 + 8)); // Output: number  
console.log(typeof true); // Output: boolean  
console.log(typeof 25n); // Output: bigint  
console.log(typeof undefined); // Output: undefined  
console.log(typeof null); // Output: object
console.log(typeof Symbol("uId")); // Output: symbol  
console.log(typeof function(){}); // Output: function  
console.log(typeof Math); // Output: object  
Nach dem Login kopieren

Wichtige Hinweise:

  • Schlüssel in Objekten dürfen keine Bindestriche enthalten und Anführungszeichen sind optional, sofern nicht erforderlich.
  • Verwenden Sie die Punktnotation (.), um auf Objekteigenschaften zuzugreifen.
  • Primitive Typen sind unveränderlich, während nicht-primitive Typen (wie Objekte und Arrays) veränderbar sind.
  • Normalerweise verwendet man null, um einer Variablen einen „leeren“ oder „unbekannten“ Wert zuzuweisen, während undefiniert als Standardanfangswert für nicht zugewiesene Dinge reserviert ist.
  • Für null gibt der Operator „typeof“ „Objekt“ zurück – dies ist ein Fehler in der Sprache, es ist kein Objekt.

Abschluss

Das Verständnis der Datentypen von JavaScript ist die Grundlage für die Beherrschung der Sprache. Unabhängig davon, ob Sie mit Zahlen, Zeichenfolgen oder komplexen Objekten arbeiten: Wenn Sie wissen, wie Sie diese Typen effektiv verwenden und manipulieren, können Sie Ihre Programmierkenntnisse erheblich verbessern.

Was sind Ihre Lieblingsanwendungsfälle für JavaScript-Datentypen? Teilen Sie Ihre Gedanken in den Kommentaren unten mit! ?

Das obige ist der detaillierte Inhalt vonJavaScript-Datentypen verstehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage