Heim > Web-Frontend > Front-End-Fragen und Antworten > Was sind die Javascript-Referenzdatentypen?

Was sind die Javascript-Referenzdatentypen?

青灯夜游
Freigeben: 2021-12-07 15:25:39
Original
11663 Leute haben es durchsucht

Es gibt drei Arten von Referenzdatentypen in JavaScript: 1. Objekttyp, der ein ungeordneter Satz von Schlüsseln und Werten ist; 2. Array-Typ, der ein Satz von in der Reihenfolge angeordneten Daten ist; Dabei handelt es sich um einen Codeblock mit einer bestimmten Funktion.

Was sind die Javascript-Referenzdatentypen?

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

Referenzdatentypen in JavaScript: Objekt, Array, Funktion.

1. Objekttyp

Der Objekttyp in JavaScript ist eine ungeordnete Menge aus Schlüsseln und Werten. Um einen Objekttyp zu definieren, müssen Sie geschweifte Klammern { verwenden Das Format ist wie folgt: { },语法格式如下:

{name1: value1, name2: value2, name3: value3, ..., nameN: valueN}
Nach dem Login kopieren

其中 name1、name2、name3、...、nameN 为对象中的键,value1、value2、value3、...、valueN 为对应的值。

在 JavaScript 中,对象类型的键都是字符串类型的,值则可以是任意数据类型。要获取对象中的某个值,可以使用对象名.键的形式,如下例所示:

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
Nach dem Login kopieren

2、Array 类型

数组(Array)是一组按顺序排列的数据的集合,数组中的每个值都称为元素,而且数组中可以包含任意类型的数据。在 JavaScript 中定义数组需要使用方括号[ ]

[1, 2, 3, 'hello', true, null]
Nach dem Login kopieren

wobei name1, name2, name3,..., nameN der Schlüssel im Objekt ist und value1, value2, value3,..., valueN< /code> ist der entsprechende Wert. <p></p>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: <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">var arr = new Array(1, 2, 3, 4); console.log(arr); // 输出 [1, 2, 3, 4]</pre><div class="contentsignin">Nach dem Login kopieren</div></div></p><p>2 Array-Typ <strong></strong></p>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 ein Array kann jede Art von Daten enthalten. Um ein Array in JavaScript zu definieren, müssen Sie eckige Klammern <code>[ ] verwenden. Jedes Element im Array wird durch Kommas getrennt, zum Beispiel:

var arr = [1, 2, 3.14, &#39;Hello&#39;, null, true];
console.log(arr[0]);  // 输出索引为 0 的元素,即 1
console.log(arr[5]);  // 输出索引为 5 的元素,即 true
console.log(arr[6]);  // 索引超出了范围,返回 undefined
Nach dem Login kopieren

Darüber hinaus können Sie auch Array() verwenden. Funktion zum Erstellen eines Arrays, wie im folgenden Beispiel gezeigt:

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

Auf Elemente in einem Array kann über den Index zugegriffen werden. Indizes in einem Array beginnen bei 0 und erhöhen sich sequentiell, d. h. das erste Element des Arrays hat den Index 0, das zweite Element hat den Index 1, das dritte Element hat den Index 2 und so weiter. 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
Nach dem Login kopieren

3. Funktionstyp Eine Funktion ist ein Codeblock mit einer bestimmten Funktion. Die Funktion wird nicht automatisch ausgeführt und muss wie gezeigt über den Funktionsnamen aufgerufen werden im folgenden Beispiel:

rrreee🎜Darüber hinaus können Funktionen 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: 🎜 🎜rrreee🎜[Verwandte Empfehlungen: 🎜Javascript-Lern-Tutorial🎜🎜】🎜🎜

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

Verwandte Etiketten:
Quelle:php.cn
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