Heim > Web-Frontend > js-Tutorial > JavaScript-Datentypen verstehen: Eine umfassende Anleitung zu primitiven und Referenztypen mit Beispielen

JavaScript-Datentypen verstehen: Eine umfassende Anleitung zu primitiven und Referenztypen mit Beispielen

Mary-Kate Olsen
Freigeben: 2025-01-15 14:28:44
Original
311 Leute haben es durchsucht

Understanding JavaScript Data Types: A Comprehensive Guide to Primitive and Reference Types with Examples

JavaScript verfügt über mehrere integrierte Datentypen, die in zwei große Gruppen eingeteilt werden können:
? Primitive Typen
? Nicht-primitive (Referenz-)Typen.


JavaScript-Datentypen Typ Beispiele Primitive Typen ➀ Nummer JavaScript Data Types
Type Examples
Primitive Types ➀ Number
➁ String
➂ Boolean
➃ Undefined
➄ Null
Non-Primitive Types ➀ Object
➁ Array
➂ Function
➁ Zeichenfolge ➂ Boolescher Wert
➃ Undefiniert

➄ Null

Nicht-primitive Typen ➀ Objekt ➁ Array

➂ Funktion

❐ Schreiben Sie nun einen primitiven Typ mit Details
Primitive Datentypen sind unveränderlich und werden nach Wert gespeichert.

let age = 25; // Integer
let pi = 3.14159; // Floating-point
let negativeNumber = -42; // Negative number
let exponential = 1.23e4; // 12300 in exponential notatio
Nach dem Login kopieren

✚ Nummer

let singleQuote = 'Hello, world!';
let doubleQuote = "JavaScript is awesome!";
let templateLiteral = `This is a template literal`;

let multiLine = `This is a multi-line string.`;
console.log(`Name: ${singleQuote}, Length: ${singleQuote.length}`);
Nach dem Login kopieren

✚ Zeichenfolge

let isJavaScriptFun = true;
let isOver18 = false;

console.log(typeof isJavaScriptFun); // "boolean"
console.log(5 > 2); // true
console.log(10 === '10'); // false
Nach dem Login kopieren
✚ Boolescher Wert

➭ Stellt einen logischen Wert dar: wahr oder falsch.

let x;
console.log(x); // undefined
console.log(typeof x); // "undefined"
Nach dem Login kopieren
✚ Undefiniert

➭ Eine Variable wird deklariert, aber kein Wert zugewiesen.

let y = null;
console.log(y); // null
console.log(typeof y); // "object" (this is a quirk in JavaScript)
Nach dem Login kopieren
✚ Null

➭ Stellt das absichtliche Fehlen eines Werts (leer oder unbekannt) dar.

❐ Schreiben Sie nun einen nicht-primitiven Typ mit Details
Nicht-primitive Datentypen sind veränderbar und werden per Referenz gespeichert.

let person = {
  name: 'John',
  age: 30,
  isStudent: false,
  hobbies: ['reading', 'gaming'],
  address: {
    city: 'New York',
    zip: '10001',
  },
};

console.log(person.name); // "John"
console.log(person.address.city); // "New York"
console.log(typeof person); // "object"
Nach dem Login kopieren

✚ Objekt

let fruits = ['Apple', 'Banana', 'Cherry'];
let mixedArray = [1, 'Hello', true, null, undefined];

console.log(fruits[0]); // "Apple"
console.log(mixedArray.length); // 5
console.log(typeof fruits); // "object" (arrays are objects in JS)

Nach dem Login kopieren

✚ Array

function greet(name) {
  return `Hello, ${name}!`;
}

let sum = function(a, b) {
  return a + b;
};

let multiply = (x, y) => x * y;

console.log(greet('Alice')); // "Hello, Alice!"
console.log(sum(3, 4)); // 7
console.log(multiply(5, 6)); // 30
console.log(typeof greet); // "function"

Nach dem Login kopieren
✚ Funktion
➭ Stellt einen logischen Wert dar: wahr oder falsch.

Das obige ist der detaillierte Inhalt vonJavaScript-Datentypen verstehen: Eine umfassende Anleitung zu primitiven und Referenztypen mit Beispielen. 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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage