Was sind die zusammengesetzten Javascript-Datentypen?

Verbundene Javascript-Datentypen: 1. Objekttyp, der eine Menge ungeordneter Mengen aus Schlüsseln und Werten ist; 2. Array-Typ, der eine Menge geordneter Daten ist. Jedes Mitglied des Arrays wird als Element bezeichnet jedes Element wird als Array-Index 3 bezeichnet. Der Funktionstyp ist ein Codeblock mit einer bestimmten Funktion.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Datentypen in JavaScript können in zwei Typen unterteilt werden:

• Grundlegende Datentypen (Werttypen): Zeichenfolge, Zahl, Boolescher Wert, Null, Unbekannte Definition (Undefiniert), Symbol;

• Referenzdaten Typ (zusammengesetzter Datentyp): Objekt (Objekt), Array (Array), Funktion (Funktion).

Zusammengesetzter Datentyp von JavaScript

1. Der Objektdatentyp, ein sogenanntes Objekt, ist eine Menge ungeordneter Sammlungen, die aus Schlüsseln und Werten bestehen. Es kann mit dem neuen Operator gefolgt vom Namen des zu erstellenden Objekttyps erstellt werden. Kann auch in wörtlicher Notation erstellt werden. Fügen Sie eine Eigenschaft mit einem anderen Namen hinzu (beliebige Zeichenfolge, einschließlich der leeren Zeichenfolge).

1) Erstellen eines Objekts

Verwenden Sie den neuen Operator, um den Konstruktor aufzurufen, um ein Instanzobjekt zu erstellen. Die spezifische Verwendung ist wie folgt:

var objectName = new functionName(args);

Die Parameterbeschreibung lautet wie folgt:

objectName: das zurückgegebene Instanzobjekt.

• Funktionsname: Konstruktor, im Grunde derselbe wie eine gewöhnliche Funktion, muss jedoch keinen Rückgabewert zurückgeben und gibt ein Instanzobjekt zurück, auf das im Voraus innerhalb der Funktion zugegriffen werden kann.

• args: Liste der Konfigurationsparameter für die Initialisierung des Instanzobjekts.

• Beispiel

Das folgende Beispiel definiert verschiedene Instanzen mit unterschiedlichen Konstruktortypen.

var o = new Object(); //Definiere ein leeres Objekt

var a = new Array(); //Definiere ein leeres Array

var f = new Function(); //Definiere eine leere Funktion

2) Objektliterale

Die Verwendung von Literalen kann schnell Objekte erstellen und ist außerdem die effizienteste und einfachste Methode. Die spezifische Verwendung ist wie folgt:

var objectName = {
    属性名1 : 属性值1,
    属性名2 : 属性值2,
    ...
    属性名n : 属性值n
};

In Objektliteralen werden der Attributname und der Attributwert durch Doppelpunkte getrennt. Der Attributwert kann ein beliebiger Datentyp sein und der Attributname kann ein JavaScript-Bezeichner oder ein Zeichenfolgenausdruck sein. Eigenschaften werden durch Kommas getrennt und am Ende der letzten Eigenschaft ist kein Komma erforderlich.

In JavaScript sind die Schlüssel von Objekttypen alle Zeichenfolgentypen, und die Werte können beliebige Datentypen sein. Um einen Wert in einem Objekt abzurufen, können Sie die Form von Objektname.key verwenden, wie im folgenden Beispiel gezeigt:

var person = {
    name: 'Bob',
    age: 20,
    tags: ['js', 'web', 'mobile'],
    city: 'Beijing',
    hasCar: true,
    zipcode: null
};
console.log(person.name);       // 输出 Bob
console.log(person.age);        // 输出 20

2 Array-Typ

Ein Array (Array) ist eine Sammlung von Daten, die in der richtigen Reihenfolge angeordnet sind , ein Array. Jeder Wert in wird als Element bezeichnet, und der Name (Schlüssel) jedes Elements wird als Array-Index bezeichnet. Die Länge des Arrays ist flexibel und lesbar und beschreibbar.

Arrays können jede Art von Daten enthalten.

Es gibt zwei Möglichkeiten, ein Array in JavaScript zu definieren (erstellen oder deklarieren): konstruiertes Array und Array-Literal.

1) Erstellen eines Arrays

Wenn Sie den neuen Operator verwenden, um die Funktion vom Typ Array() aufzurufen, können Sie ein neues Array erstellen.

Beispiel:

Rufen Sie die Funktion Array() direkt auf, ohne Parameter zu übergeben, um ein leeres Array zu erstellen.

• var a = new Array();  //空数组

Durch die Übergabe mehrerer Werte wird ein echtes Array erstellt.

• var a = new Array(1, true, "string", [1,2], {x:1,y:2});  //实数组

  Jeder Parameter gibt den Wert eines Elements an und es gibt keine Begrenzung für den Werttyp. Die Reihenfolge der Parameter ist auch die Reihenfolge der Array-Elemente, und der Längeneigenschaftswert des Arrays entspricht der Anzahl der übergebenen Parameter.

Übergeben Sie einen numerischen Parameter, um die Länge des Arrays zu definieren, also die Anzahl der darin enthaltenen Elemente.

• var a = new Array(5);  //指定长度的数组

  Der Parameterwert entspricht dem Attributwert der Array-Länge und der Standardwert jedes Elements ist undefiniert.

Wenn Sie einen Parameter mit dem Wert 1 übergeben, definiert JavaScript ein Array der Länge 1 anstelle eines Arrays, das ein Element mit dem Wert 1 enthält.

• var a = new Array(1);
  console.log(a[0]);

  2) Array-Literal

Das Syntaxformat des Array-Literals: Enthält mehrere Wertelisten in eckigen Klammern, getrennt durch Kommas.

Der folgende Code verwendet Array-Literale, um ein Array zu definieren.

var a = [];  //空数组
var a = [1, true, "0", [1,0], {x:1,y:0}];  //包含具体元素的数组

Es wird empfohlen, Array-Literale zum Definieren von Arrays zu verwenden, da Array-Literale die einfachste und effizienteste Möglichkeit zum Definieren von Arrays sind.

3. Funktionstyp

Eine Funktion (Funktion) ist ein Codeblock mit einer bestimmten Funktion. Die Funktion wird nicht automatisch ausgeführt und muss zum Ausführen über den Funktionsnamen aufgerufen werden, wie im folgenden Beispiel gezeigt:

function sayHello(name){
    return "Hello, " + name;
}
var res = sayHello("Peter");
console.log(res);  // 输出 Hello, Peter

Darüber hinaus kann die Funktion auch in Variablen, Objekten und Arrays gespeichert werden, und Funktionen können auch als Parameter an andere Funktionen übergeben oder von anderen Funktionen zurückgegeben werden, wie im folgenden Beispiel gezeigt:

var fun = function(){
    console.log("http://c.biancheng.net/js/");
}
function createGreeting(name){
    return "Hello, " + name;
}
function displayGreeting(greetingFunction, userName){
    return greetingFunction(userName);
}
var result = displayGreeting(createGreeting, "Peter");
console.log(result);  // 输出 Hello, Peter

【相关推荐：javascript学习教程】

Das obige ist der detaillierte Inhalt vonWas sind die zusammengesetzten Javascript-Datentypen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!