Detaillierte Erläuterung der Javascript-Array-Operationen

1. Erstellung eines Arrays

var arrayObj = new Array(); //Erstelle ein Array
var arrayObj = new Array([size]); //Erstelle ein Array und lege die Länge fest , Beachten Sie, dass es sich nicht um die Obergrenze, sondern um die Länge
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]] handelt. Erstellen Sie ein Array und weisen Sie einen Wert zu

Es ist zu beachten, dass die zweite Methode zwar ein Array erstellt und die Länge angibt, das Array jedoch in allen Fällen eine variable Länge hat, das heißt, auch wenn die Länge mit 5 Elementen angegeben ist kann weiterhin außerhalb der angegebenen Länge gespeichert werden. Hinweis: Zu diesem Zeitpunkt ändert sich die Länge entsprechend.

2. Zugriff auf Array-Elemente

var testGetArrValue=arrayObj[1] //Den Elementwert des Arrays abrufen
arrayObj[1]= „Dies ist der neue Wert“ ; / /Array-Elementen neue Werte zuweisen

3. Array-Elemente hinzufügen

arrayObj. Fügen Sie ein oder mehrere neue Elemente am Ende des Arrays hinzu und geben Sie die neue Länge des Arrays zurück
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]); ein oder mehrere neue Elemente zum Array Zu Beginn werden die Elemente im Array automatisch nach hinten verschoben und die neue Länge des Arrays zurückgegeben
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//Ändern Sie ein oder mehrere Ein neues Element wird an der angegebenen Position des Arrays eingefügt, und das Element an der Einfügeposition wird automatisch nach hinten verschoben und „“ zurückgegeben.

4. Array-Elemente löschen

arrayObj.pop(); //Das letzte Element entfernen und den Elementwert zurückgeben
arrayObj.shift(); Element und gibt den Elementwert zurück.
arrayObj.splice(deletePos,deleteCount); //Löschen Sie die angegebene Anzahl von deleteCount-Elementen ab der angegebenen Position deletePos und geben Sie die entfernten Elemente zurück Array-Formular

5. Array-Abfangen und Zusammenführen

arrayObj.slice(start, [end]); //Einen Teil des Arrays in Form eines Arrays zurückgeben entsprechend end ist nicht enthalten. Wenn es weggelassen wird, kopiert end alle Elemente nach start
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); können auch Strings oder Arrays und Strings sein) werden zu einem Array verbunden und geben das verbundene neue Array zurück

6 Kopie des Arrays

arrayObj.slice(0); //Return the Array des Arrays kopieren. Beachten Sie, dass es sich um ein neues Array handelt, das nicht auf
arrayObj.concat(); //Ein Kopierarray des Arrays zurückgibt. Beachten Sie, dass es sich um ein neues Array handelt, das nicht auf

zeigt

7. Sortieren von Array-Elementen

arrayObj.reverse(); // Elemente umkehren (das erste zum letzten, das letzte nach vorne), die Array-Adresse zurückgeben
arrayObj.sort (); // Sortieren Sie die Array-Elemente und geben Sie die Array-Adresse zurück.

arrayObj.join(separator); // Gibt einen String zurück, der jedes Element verbindet Wert des Arrays zusammen, mit einem Trennzeichen in der Mitte getrennt.

toLocaleString, toString, valueOf: können als spezielle Verwendungen von Join angesehen werden, die nicht häufig verwendet werden

2. 3 Attribute von Array-Objekten

1. Längenattribut

Die Eigenschaft „Length“ stellt die Länge des Arrays dar, also die Anzahl der darin enthaltenen Elemente. Da der Index eines Arrays immer bei 0 beginnt, sind die oberen und unteren Grenzen eines Arrays: 0 bzw. Länge-1. Im Gegensatz zu den meisten anderen Sprachen ist die Längeneigenschaft von JavaScript-Arrays variabel, was besondere Aufmerksamkeit erfordert. Wenn das Längenattribut größer eingestellt wird, ändert sich der Zustand des gesamten Arrays nicht. Nur das Längenattribut wird größer, wenn das Längenattribut kleiner als das Original gesetzt wird, und die Elemente im ursprünglichen Array mit Indizes, die größer oder gleich sind Länge wird Alle Werte gehen verloren. Das Folgende ist ein Beispiel, das die Änderung des Längenattributs demonstriert:

Aus dem obigen Code können wir die Natur des Längenattributs deutlich erkennen. Das Längenobjekt kann jedoch nicht nur explizit festgelegt, sondern auch implizit geändert werden. Sie können in JavaScript auch eine nicht deklarierte Variable verwenden (die sich auf ein Element mit einem Index bezieht, der größer oder gleich der Länge ist). In diesem Fall wird der Wert des Längenattributs auf festgelegt Wert des verwendeten Elementindex. Zum Beispiel der folgende Code:

var arr=[12,23,5,3,25,98,76,54,56,76];
//定义了一个包含10个数字的数组
alert(arr.length); //显示数组的长度10
arr.length=12; //增大数组的长度
alert(arr.length); //显示数组的长度已经变为12
alert(arr[8]); //显示第9个元素的值，为56
arr.length=5; //将数组的长度减少到5，索引等于或超过5的元素被丢弃
alert(arr[8]); //显示第9个元素已经变为"undefined"
arr.length=10; //将数组长度恢复为10
alert(arr[8]); //虽然长度被恢复为10，但第9个元素却无法收回，显示"undefined"

Der Code definiert auch ein Array mit 10 Zahlen. Aus der Alert-Anweisung geht hervor, dass seine Länge 10 beträgt. Dann wird das Element mit dem Index 15 verwendet und ihm der Wert 15 zugewiesen, d. h. arr[15]=34. Zu diesem Zeitpunkt wird die Alert-Anweisung verwendet, um die Länge des Arrays auszugeben, und das Ergebnis ist 16. Unabhängig davon ist dies eine überraschende Funktion für Entwickler, die an stark typisierte Programmierung gewöhnt sind. Tatsächlich beträgt die Anfangslänge eines mit new Array() erstellten Arrays 0. Es ist die Operation undefinierter Elemente, die dazu führt, dass sich die Länge des Arrays ändert.

var arr=[12,23,5,3,25,98,76,54,56,76];
alert(arr.length);
arr[15]=34;
alert(arr.length);

Wie Sie der obigen Einführung entnehmen können, ist das Längenattribut so magisch, dass Sie es verwenden können, um die Kapazität des Arrays einfach zu erhöhen oder zu verringern. Daher hilft ein tiefes Verständnis des Längenattributs, es während des Entwicklungsprozesses flexibel zu nutzen.

2. Das Prototypattribut

gibt eine Referenz auf den Prototyp des Objekttyps zurück. Die Prototypeigenschaft ist für das Objekt üblich.

objectName.prototype

objectName-Parameter ist der Name des Objektobjekts.

Beschreibung: Verwenden Sie das Prototypattribut, um eine Reihe grundlegender Funktionen der Objektklasse bereitzustellen. Neue Instanzen eines Objekts „erben“ die dem Prototyp des Objekts zugewiesenen Operationen.

    对于数组对象，以以下例子说明prototype 属性的用途。

    给数组对象添加返回数组中最大元素值的方法。要完成这一点，声明一个函数，将它加入 Array.prototype， 并使用它。

function array_max( )
{
   var i, max = this[0];
   for (i = 1; i < this.length; i++)
   {
   if (max < this[i])
   max = this[i];
   }
   return max;
}
Array.prototype.max = array_max;
var x = new Array(1, 2, 3, 4, 5, 6);
var y = x.max( );

该代码执行后，y 保存数组 x 中的最大值，或说 6。

3、constructor 属性

表示创建对象的函数。

object.constructor //object是对象或函数的名称。

说明：constructor 属性是所有具有 prototype 的对象的成员。它们包括除 Global 和 Math 对象以外的所有 JScript 固有对象。constructor 属性保存了对构造特定对象实例的函数的引用。

例如：

x = new String("Hi");
if (x.constructor == String) // 进行处理（条件为真）。

或

function MyFunc {
// 函数体。
}
y = new MyFunc;
if (y.constructor == MyFunc) // 进行处理（条件为真）。

小伙伴们看完之后是否对javascript数组的操作有了新的认识了呢，希望大家能够喜欢本文。

更多javascript 数组操作详解相关文章请关注PHP中文网！