JavaScript-Datentypen

Zeichenketten, Zahlen, boolesche Werte, Arrays, Objekte speichern.

JavaScript-Datentypen

JavaScript-Variablen können verschiedeneDatentypen：Zahlen, Zeichenketten, Arrays, Objekte usw.:

var length = 7;                             // Zahl
var lastName = "Gates";                      // Zeichenkette
var cars = ["Porsche", "Volvo", "BMW"];         // Array
var x = {firstName:"Bill", lastName:"Gates"};    // Objekt

Der Begriff des Datentyps

In der Programmierung ist der Datentyp ein wichtiger Begriff.

Es ist wichtig, die Datentypen zu verstehen, um mit Variablen umzugehen.

Ohne Datentypen kann der Computer diese Aufgabe nicht sicher lösen:

var x = 911 + "Porsche";

Hat es einen Sinn, "Volvo" mit 911 zu kombinieren? Wird ein Fehler aufgetreten oder wird ein Ergebnis erzeugt?

JavaScript behandelt den obigen Beispiel so:

var x = "911" + "Porsche";

Wenn eine Zahl und eine Zeichenfolge addiert werden, betrachtet JavaScript die Zahl als Zeichenfolge.

Beispiel

var x = 911 + "Porsche";

Probieren Sie es selbst aus

Beispiel

var x = "Porsche" + 911;

Probieren Sie es selbst aus

JavaScript berechnet Ausdrücke von links nach rechts. Unterschiedliche Reihenfolgen führen zu verschiedenen Ergebnissen:

JavaScript:

var x = 911 + 7 + "Porsche";

Ergebnis:

918Porsche

Probieren Sie es selbst aus

JavaScript:

var x = "Porsche" + 911 + 7;

Ergebnis:

Porsche9117

Probieren Sie es selbst aus

Im ersten Beispiel betrachtet JavaScript 911 und 7 als numerische Werte, bis "Porsche" erreicht wird.

Im zweiten Beispiel werden alle Operanden als Zeichenfolgen betrachtet, da der erste Operanden eine Zeichenfolge ist.

JavaScript hat dynamische Typen

JavaScript hat dynamische Typen. Dies bedeutet, dass dasselbe Variable verschiedene Typen sein kann:

Beispiel

var x;               // Jetzt ist x undefined
var x = 7;           // Jetzt ist x eine Zahl
var x = "Bill";      // Jetzt ist x ein Zeichenfolgenwert

Probieren Sie es selbst aus

JavaScript-Zeichenfolgenwerte

Eine Zeichenfolge (oder Textzeichenfolge) ist eine Reihe von Zeichen (z.B. "Bill Gates").

Zeichenfolgen werden von Anführungszeichen umgeben. Sie können einfache oder doppelte Anführungszeichen verwenden:

Beispiel

var carName = "Porsche 911";   // Verwenden Sie doppelte Anführungszeichen
var carName = 'Porsche 911';   // Verwenden Sie einfache Anführungszeichen

Probieren Sie es selbst aus

Sie können in Zeichenfolgen Anführungszeichen verwenden, solange diese Anführungszeichen nicht mit den Anführungszeichen um die Zeichenfolge übereinstimmen:

Beispiel

var answer = "It's alright";             // Einfache Anführungszeichen innerhalb doppelter Anführungszeichen
var answer = "He is called 'Bill'";    // Einfache Anführungszeichen innerhalb doppelter Anführungszeichen
var answer = 'He is called "Bill"';    // Doppelte Anführungszeichen innerhalb einfacher Anführungszeichen

Probieren Sie es selbst aus

Sie werden in diesem Tutorial mehr über Zeichenfolgen lernen.

JavaScript-Zahlen

JavaScript hat nur einen numerischen Typ.

Beim Schreiben von Werten kann ein Dezimalpunkt verwendet werden oder nicht:

Beispiel

var x1 = 34.00;     // Mit Dezimalpunkt
var x2 = 34;        // Ohne Dezimalpunkt

Probieren Sie es selbst aus

Große oder kleine Werte können in wissenschaftlicher Notation geschrieben werden:

Beispiel

var y = 123e5;      // 12300000
var y = 123e5;      // 12300000

Probieren Sie es selbst aus

var z = 123e-5; // 0.00123

You will learn more about numbers in this tutorial.

JavaScript boolean valuesBoolean values have only two values: true or.

Beispiel

false
var x = true;

Probieren Sie es selbst aus

var y = false;

Boolean values are often used in conditional tests.

JavaScript-Array

You will learn more about conditional tests in this tutorial.

JavaScript arrays are written using square brackets.

Array items are separated by commas.

Beispiel

The following code declares (creates) an array named cars containing three items (car brands):

Probieren Sie es selbst aus

var cars = ["Porsche", "Volvo", "BMW"];

Array indices are based on zero, which means the first item is [0], the second item is [1], and so on.

JavaScript-Objekt

You will learn more about arrays in this tutorial.

JavaScript objects are written using curly braces. Object properties arename: value

Beispiel

Yes, separated by commas.

Probieren Sie es selbst aus

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

In the example above, the object (person) has four properties: firstName, lastName, age, and eyeColor.

typeof operator

You will learn more about JavaScript in this tutorial. typeof To determine the type of a JavaScript variable:

The typeof operator returns the type of a variable or expression:

Beispiel

typeof ""                  // Returns "string"
typeof "Bill"              // gibt "string" zurück
typeof "Bill Gates"          // Returns "string"

Probieren Sie es selbst aus

Beispiel

typeof 0                   // Returns "number"
typeof 314                 // Returns "number"
typeof 3.14                // gibt "number" zurück
typeof (7)                 // Returns "number"
typeof (7 + 8)             // Returns "number"

Probieren Sie es selbst aus

The typeof operator returns "object" for arrays because arrays are objects in JavaScript.

Undefined

In JavaScript, a variable without a value has the value undefinedund typeof gibt auch zurück. undefined.

Beispiel

var person;                  // Wert ist undefined, Typ ist undefined.

Probieren Sie es selbst aus

Jede Variable kann durch Festlegen des Wertes undefined leeren. Der Typ wird auch undefined.

Beispiel

person = undefined;          // Wert ist undefined, Typ ist undefined.

Probieren Sie es selbst aus

Leere Werte

Leere Werte und undefined Das ist nicht dasselbe.

Leere String-Variable haben sowohl Wert als auch Typ.

Beispiel

var car = "";                // Wert ist "", Typ ist "string"

Probieren Sie es selbst aus

Null

In JavaScript istnull ist "nichts". Es wird als nicht existierendes Objekt angesehen.

Leider ist in JavaScriptnull ist ein Objekt. Das Datenformat ist

Sie können null In JavaScript wird ein Objekt als Bug verstanden. Es sollte null.

Sie können durch Festlegen des Wertes: null Objekt leeren:

Beispiel

var person = null;           // Wert ist null, aber der Typ ist immer noch Objekt

Probieren Sie es selbst aus

Sie können auch durch Festlegen des Wertes: undefined Objekt leeren:

Beispiel

var person = undefined;           // Wert ist undefined, Typ ist undefined.

Probieren Sie es selbst aus

Unterschied zwischen Undefined und Null

Undefined und null haben gleiche Werte, aber unterschiedliche Typen:

typeof undefined              // undefined
typeof null                   // object
null === undefined            // falsch
null == undefined             // wahr

Probieren Sie es selbst aus

Ursprüngliche Daten

Ursprüngliche Datenwerte sind einfache Datenwerte ohne zusätzliche Eigenschaften und Methoden.

typeof Operator können einen der folgenden ursprünglichen Typen zurückgeben:

  • string
  • number
  • boolean
  • undefined

Beispiel

typeof "Bill"              // gibt "string" zurück
typeof 3.14                // gibt "number" zurück
typeof true                // gibt "boolean" zurück
typeof false               // gibt "boolean" zurück
typeof x                   // gibt "undefined" zurück (wenn x keinen Wert hat)

Probieren Sie es selbst aus

Komplexe Daten

typeof Der Operator kann eines der folgenden beiden Typen zurückgeben:

  • function
  • Objekt

typeof Der Operator gibt Objekte, Arrays oder null Rückgabe Objekt.

typeof Der Operator gibt keine Funktion zurück Objekt.

Beispiel

typeof {name:'Bill', age:62} // gibt "object" zurück
typeof [1,2,3,4]             // gibt "object" zurück (nicht "array", siehe nachfolgende Anmerkung)
typeof null                  // gibt "object" zurück
typeof function myFunc(){}   // gibt "function" zurück

Probieren Sie es selbst aus

typeof Der Operator gibt das Array als " zurückObjektweil in JavaScript Arrays Objekte sind.

Außerhalb des Unterrichts Lesen

Fortgeschrittene JavaScript-Tutorials: