Eine kurze Diskussion über die Verwendung von JS-Array-Arrays

JavaScript-Arrays werden verwendet, um mehrere Werte in einer einzelnen Variablen zu speichern. Ein Array ist eine spezielle Variable, die mehrere Werte gleichzeitig enthalten kann.

[Verwandte Kursempfehlungen: JavaScript-Video-Tutorial]

Array in String konvertieren

Die Die JavaScript-Methode toString() konvertiert ein Array in eine Zeichenfolge aus (durch Kommas getrennten) Array-Werten.

Beispiel:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Die Methode join() fügt auch alle Array-Elemente zu einem String zusammen. Es verhält sich wie toString(), aber zusätzlich können Sie das Trennzeichen angeben:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

pop() und push()

beim Arbeiten verwenden Mit einem Array ist es einfach, Elemente zu entfernen und neue hinzuzufügen. Dies ist die Methode pop() und push().

pop()-Methode entfernt das letzte Element aus dem Array:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // 从 fruits删除最后一个元素 ("Mango")

pop()-Methode gibt den „gepoppten“ Wert zurück:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // x的值是 "Mango"

push()-Methode bis zum Ende des Arrays Ein neues Element hinzufügen:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       //  添加一个新的元素 ("Kiwi") 到 fruits 最后

Die Methode push() gibt die neue Array-Länge zurück:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   //   x 的值是 5

shift() und unshift()

Die Methode „shift()“ entfernt das erste Array-Element und „verschiebt“ alle anderen Elemente auf niedrigere Indizes. Die Methode

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // 删除第一个元素 "Banana"

shift() gibt den String „shifted out“ zurück: Die Methode

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.shift();    //  x 的值是 "Banana"

unshift() fügt ein neues Element am Anfang des Arrays hinzu und verschiebt das alte Element an eine höhere Stelle index: Die Methode

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    //  添加一个新的元素 "Lemon" 到 fruits

unshift() gibt die neue Array-Länge zurück.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // 返回 5

Elemente ändern

Zugriff auf Array-Elemente mithilfe von Indexnummern:

Array-Indizes beginnen mit 0. [0] ist das erste Array-Element, [1] ist das zweite, [2] ist das dritte ... Die Eigenschaft

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // 将fruits的第一个元素改为 "Kiwi"

length bietet eine einfache Möglichkeit, ein neues Element an ein Array anzuhängen:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // 追加 "Kiwi" 到 fruits

Elemente löschen

Da JavaScript-Arrays Objekte sind, können Sie Elemente mit dem JavaScript-Operator delete löschen:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // 将fruits中的第一个元素更改为undefined

Mit delete können Sie löschen hinterlassen undefinierte Lücken im Array. Bitte verwenden Sie stattdessen pop() oder shift().

Splice-Array

Die splice()-Methode kann verwendet werden, um neue Elemente zum Array hinzuzufügen:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

Zuerst Parameter (2) Definieren Sie die Position, an der das neue Element hinzugefügt werden soll (am Gelenk). Der zweite Parameter (0) definiert, wie viele Elemente entfernt werden sollen. Die restlichen Parameter („Lemon“, „Kiwi“) definieren das neu hinzuzufügende Element. Die splice()-Methode gibt ein Array zurück, das gelöschte Elemente enthält:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Verwenden Sie splice(), um Elemente zu löschen

Mit cleveren Parametereinstellungen, You kann splice() verwenden, um Elemente zu entfernen, ohne ein „Loch“ im Array zu hinterlassen:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // 删除fruits的第一个元素

Der erste Parameter (0) definiert, wo das neue Element hinzugefügt werden soll. Der zweite Parameter (1) definiert, wie viele Elemente entfernt werden sollen. Die restlichen Parameter werden weggelassen. Es werden keine neuen Elemente hinzugefügt.

Arrays kombinieren

Erstellen Sie ein neues Array, indem Sie vorhandene Arrays mit der concat()-Methode zusammenführen:

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // 合并 myGirls 和 myBoys 两个数组

concat( ) Die Methode ändert das vorhandene Array nicht. Es wird immer ein neues Array zurückgegeben. Die

concat()-Methode kann eine beliebige Anzahl von Array-Parametern annehmen

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // 合并 arr1 和 arr2 和 arr3 三个数组

Die concat()-Methode kann auch Werte als Parameter annehmen:

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

Array-Slice

Die Methode „slice()“ zerlegt ein Array in ein neues Array. Dieses Beispiel schneidet einen Teil des Arrays beginnend mit Array-Element 1 („Orange“) in Scheiben: Die Methode

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);

slice() erstellt ein neues Array. Es werden keine Elemente aus dem Quellarray entfernt.

Dieses Beispiel schneidet einen Teil des Arrays ab Array-Element 3 („Apple“) aus:

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);

Die Methode „slice()“ kann zwei Parameter „slice(start,end)“ annehmen. Die Methode wählt Elemente vom Startparameter bis zum Endparameter (aber nicht einschließlich) aus.

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

Wenn der Endparameter weggelassen wird, wie im ersten Beispiel, schneidet die Methode „slice()“ den Rest des Arrays ab.

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

automatic toString()

JavaScript konvertiert ein Array automatisch in eine durch Kommas getrennte Zeichenfolge, wenn ein Rohwert erforderlich ist. Dies ist immer der Fall, wenn versucht wird, ein Array auszugeben. Beide Beispiele führen zum gleichen Ergebnis:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

Alle JavaScript-Objekte verfügen über eine toString()-Methode.

Dieser Artikel stammt aus der Spalte js-Tutorial, willkommen zum Lernen!

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die Verwendung von JS-Array-Arrays. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!