Was bedeutet Javascript-Array?

In Javascript bezieht sich ein Array auf eine Sammlung geordneter Daten. Jedes Mitglied des Arrays wird als Element bezeichnet, und der Name (Schlüssel) jedes Elements wird als Array-Index (Index) bezeichnet . , lesbar und beschreibbar.

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

JavaScript-Array (Array) ist eine Sammlung geordneter Daten. Jedes Mitglied im Array wird als Element (Element) bezeichnet, und der Name (Schlüssel) jedes Elements wird als Array-Index (Index) bezeichnet. Die Länge des Arrays ist flexibel und lesbar und beschreibbar.

Array Array-Objekt ist ein in JS integriertes Objekt, das eine Variable zum Speichern einer Reihe von Werten desselben oder unterschiedlichen Typs verwenden kann, wobei jeder gespeicherte Wert als Array-Element bezeichnet wird.

Erstellung eines JS-Arrays

Sie müssen ein Array-Objekt erstellen, bevor Sie das Array-Objekt zum Speichern von Daten verwenden können. Es gibt viele Möglichkeiten, Array-Objekte zu erstellen. Zwei gängige Methoden sind unten aufgeführt.

• Methode 1: var Array-Objektname = [Element 1, Element 2,…, Element n];

• Methode 2: var Array-Objektname = neues Array(Element 1, Element 2,…, Element n ) );

Methode eins ist eine einfachere Methode zur Array-Erstellung, während Methode zwei eine formellere Methode zur Array-Erstellung ist. Beide Erstellungsmethoden geben neu erstellte und initialisierte Array-Objekte zurück. Beide initialisieren das Array mit dem durch den Parameter angegebenen Wert. Die Anzahl der Elemente (auch Array-Länge genannt) ist die Anzahl der Parameter. Die Auswirkungen dieser beiden Methoden sind im Allgemeinen die gleichen, aber da Methode eins prägnanter ist, wird sie in der Praxis am häufigsten verwendet.

Beispiel zur Array-Erstellung:

var hobbies1 = ["旅游","运动","音乐"];
var hobbies2 = new Array("旅游","运动","音乐");

Der obige Beispielcode erstellt zwei Array-Objekte mit 3 Elementen. Sie sind völlig gleichwertig, aber die erste Codezeile ist prägnanter.

Es ist zu beachten, dass die beiden oben genannten Methoden zum Erstellen von Arrays im Allgemeinen völlig gleichwertig sind, außer in dem Fall, in dem nur ein numerischer Typparameter vorhanden ist. Denn zu diesem Zeitpunkt bedeutet dies, dass bei Verwendung der ersten Erstellungsmethode ein Array erstellt wird, das nur ein Element enthält, und der Wert des Elements gleich dem numerischen Parameter ist, wenn die zweite Erstellungsmethode verwendet wird Es wird eine Länge erstellt, die dem numerischen Typparameter entspricht, zum Beispiel:

var arr = [3]; //创建了一个只有一个元素的数组，元素值为3
var arr = new Array(3);//创建了一个有3个元素的数组，3个元素值均为undefined

Referenz des JS-Array-Elements

Jedes im Array gespeicherte Element hat einen Positionsindex (auch als Index bezeichnet). 0 und endet mit der Array-Länge -1, d. h. Der Index des ersten Elements ist 0 und der Index des letzten Elements ist die Array-Länge - 1.

Bei der Referenzierung von Array-Elementen können Sie den Array-Namen und den Index verwenden. Das Referenzformat lautet wie folgt:

数组名[元素下标]

Zum Beispiel: Die 3 Elemente eines Arrays mit dem Namen arr, das 3 Elemente enthält, können jeweils übergeben werden: arr[0], arr [1] und arr[2] als Referenz.

JS-Array-Zugriff

Es gibt zwei Möglichkeiten, auf das Array zuzugreifen:

• Eine besteht darin, direkt auf den Array-Namen zuzugreifen. In diesem Fall werden alle im Array gespeicherten Elementwerte zurückgegeben. Beispielsweise werden nach der Ausführung dieser Anweisung alle im oben erstellten Array hobbies1 gespeicherten Elementwerte im Warndialogfeld ausgegeben: Reisen, Sport, Musik

• Zweitens verwenden Sie die Wenn Sie auf ein Array plus Index zugreifen, wird der Array-Elementwert zurückgegeben, der dem Array-Index entspricht. Beispiel: Alert(Hobbys1[1]), nachdem diese Anweisung ausgeführt wurde, wird „Bewegung“ im Warndialogfeld ausgegeben.

JS durchläuft Arrays (for in- und forEach-Schleifen)

JS Es gibt viele Möglichkeiten, Arrays (Schleifenarrays) zu durchlaufen. Sie können die herkömmliche for-Schleife verwenden, Sie können auch die aktualisierte for in-Schleife verwenden Sie können auch die Methode forEach() vom Typ Array verwenden. Wenn Sie die Schlüsselnamen des Objekts durchlaufen möchten, können Sie auch die Methode keys() verwenden.

1. Verwenden Sie for und for in, um Arrays zu durchlaufen.

Sowohl for- als auch for/in-Anweisungen können Arrays iterieren. Die for-Anweisung muss mit dem Längenattribut und dem Array-Index implementiert werden, und die Ausführungseffizienz ist nicht so hoch wie die der for/in-Anweisung. Darüber hinaus überspringen for/in-Anweisungen leere Elemente.

Für sehr lange Arrays wird empfohlen, for/in-Anweisungen zur Iteration zu verwenden.

Beispiel 1

Das folgende Beispiel verwendet die for-Anweisung, um ein Array zu durchlaufen und alle numerischen Elemente herauszufiltern.

var a = [1, 2, ,,,,,,true,,,,,,, "a",,,,,,,,,,,,,,,4,,,,,56,,,,,,"b"];  //定义数组
var b = [], num = 0;
for (var i = 0; i < a.length; i ++) {  //遍历数组
    if (typeof a[i] == "number")  //如果为数字，则返回该元素的值
        b.push(a[i]);
    num ++;  //计数器
}
console.log(num);  //返回42，说明循环了42次
console.log(b);  //返回[1,2,4,56]

Beispiel 2

Der folgende Code verwendet eine for/in-Anweisung, um das Array a in Beispiel 1 zu durchlaufen. In der for/in-Schleifenstruktur stellt die Variable i den Index des Arrays dar und a[i] ist der Elementwert, aus dem der angegebene Index gelesen werden kann.

var b = [], num = 0;
for (var i in a) {  //遍历数组
    if（typeof a[i] == "number")  //如果为数字，则返回该元素的值
        b.push(a[i]);
    num ++;  //计数器
}
console.log(num);   //返回7，说明循环了7次
console.log(b);  //返回[1,2,4,56]

Wie Sie dem Timer entnehmen können, durchläuft die for/in-Anweisung das Array und durchläuft nur 7 Mal eine Schleife, während die for-Anweisung 42 Mal eine Schleife durchläuft.

2. Verwenden Sie forEach, um das Array zu durchlaufen.

Der Array-Typ definiert die forEach()-Prototypmethode für jedes Array, die zum Durchführen von Iterationsoperationen für das Array verwendet werden kann. Die spezifische Beschreibung lautet wie folgt:

array.forEach(callbackfn[, thisArg]);

Die Parameterbeschreibung lautet wie folgt:

• array: ein Array-Objekt.

• callbackfn: erforderlicher Parameter, eine Funktion, die bis zu drei Parameter empfangen kann. forEach ruft die callbackfn-Funktion einmal für jedes Element im Array auf.

• thisArg: optionaler Parameter, das Objekt, auf das this in der Callbackfn-Funktion verwiesen werden kann. Wenn thisArg weggelassen wird, ist der Wert von this undefiniert.

对于数组中出现的每个元素，forEach 方法都会调用 callbackfn 函数一次，采用升序索引顺序，但不会为数组中空元素调用回调函数。

除了数组对象之外，forEach 方法还可以用于有 length 属性且具有已按数字编制索引的属性名的任何对象，如关联数组对象、Arguments 等。

回调函数语法如下：

funtion callbackfn(value, index, array);

最多可以使用三个参数来声明回调函数。回调函数的参数说明如下。

• value：数组元素的值。

• index：数组元素的数字索引。

• array：包含该元素的数组对象。

forEach 方法不直接修改原始数组，但回调函数可能会修改它。

示例

下面示例使用 forEach 迭代数组 a，然后把每个元素的值和下标索引输出显示，代码如下：

function f(value,index,array) {
    console.log("a[" + index + "] = " + value);
}
var a = ['a', 'b', 'c'];
a.forEach(f);

演示结果如下：

【推荐学习：javascript高级教程】

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