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
Mary-Kate OlsenOriginal
2025-01-15 14:28:44313Durchsuche

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

✚ 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}`);

✚ Zeichenfolge

let isJavaScriptFun = true;
let isOver18 = false;

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

➭ Stellt einen logischen Wert dar: wahr oder falsch.

let x;
console.log(x); // undefined
console.log(typeof x); // "undefined"
✚ 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)
✚ 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"

✚ 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)

✚ 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"

✚ 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!

Stellungnahme:
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