Heim  >  Artikel  >  Web-Frontend  >  Implementierung der Funktionen zum Hinzufügen, Löschen, Ändern und Abfragen von JavaScript-Arrays

Implementierung der Funktionen zum Hinzufügen, Löschen, Ändern und Abfragen von JavaScript-Arrays

巴扎黑
巴扎黑Original
2017-08-22 17:24:402007Durchsuche

In diesem Artikel wird hauptsächlich die einfache Implementierung des Hinzufügens, Löschens, Änderns und Überprüfens von JS-Array-Operationen vorgestellt. Der Herausgeber findet es recht gut, daher werde ich es jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Editor und werfen wir einen Blick darauf.

JS bietet viele praktische Methoden zum Betreiben von Arrays. In diesem Artikel möchten wir Ihnen zeigen, wie Sie Arrays schnell hinzufügen, löschen, ändern und überprüfen können.

1. Hinzugefügt

1. push()

kann eine beliebige Anzahl von Parametern empfangen , fügen Sie sie nacheinander am Ende des Arrays hinzu und geben Sie die Länge des geänderten Arrays zurück. Zum Beispiel:


var arr = [];
var len = arr.push(1);
console.log(arr); // [1]
console.log(len); // 1
len = arr.push(2,3);
console.log(arr); // [1,2,3]
console.log(len); // 3

2. unshift()

Diese Methode ähnelt push() und kann auch empfangen beliebige Zahl Die Parameter werden einfach einzeln am Anfang des Arrays hinzugefügt und die neue Array-Länge wird ebenfalls zurückgegeben. Machen wir mit dem obigen Beispiel weiter:


var len = arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]
console.log(len); // 4
len = arr.unshift(-2,-1);
console.log(arr);  // [-2, -1, 0, 1, 2, 3]
console.log(len);  // 6

3 concat()

Diese Methode ähnelt in gewisser Weise dem push(. )-Methode fügt auch Elemente am Ende des Arrays hinzu, mit der Ausnahme, dass dieses Array nicht mehr das ursprüngliche Array, sondern eine Kopie davon ist, sodass concat() nach der Bearbeitung des Arrays ein neues Array zurückgibt. Die spezifische Verwendung ist wie folgt:

① Es werden keine Parameter übergeben und eine Kopie des aktuellen Arrays wird zurückgegeben

② Wenn ein oder mehrere Arrays übergeben werden, fügt die Methode hinzu jedes Element in diesen Arrays Zum Ergebnisarray

③ Übergeben Sie Nicht-Array-Parameter. Diese Parameter werden direkt am Ende des Ergebnisarrays hinzugefügt

Fahren Sie mit der obigen Kastanie fort:


var arr1 = arr.concat(4,[5,6]);
console.log(arr);  // [-2, -1, 0, 1, 2, 3]
console.log(arr1);  // [-2, -1, 0, 1, 2, 3, 4, 5, 6]

Aus dem Beispiel geht hervor, dass das ursprüngliche Array unverändert bleibt und die drei Elemente 4, 5 und 6 am Ende des neuen Arrays hinzugefügt werden.

4. splice()

Die ersten drei Methoden haben große Einschränkungen, da sie entweder an der Vorderseite des Arrays oder nach dem Array hinzugefügt werden und splice( ) Es ist anders, es ist sehr flexibel und leistungsstark. Es ist flexibel, weil es Elemente an jeder Position des Arrays hinzufügen kann, und es ist leistungsstark, weil es neben dem Hinzufügen von Elementen auch die Funktion hat, Elemente zu löschen und zu ersetzen (dies wird später besprochen).

splice() kann eine beliebige Anzahl von Elementen an der angegebenen Position im Array hinzufügen. Es müssen mindestens 3 Parameter übergeben werden: Startposition, 0 (die Anzahl der zu löschenden Elemente) und die Elemente bis hinzugefügt werden.

Fahren Sie mit dem obigen Beispiel fort:


arr.splice(3,0,0.2,0.4,0.6,0.8);
console.log(arr); // [-2, -1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2, 3]

Es ist ersichtlich, dass splice(), wie push() und unshift(), direkt geändert wird auf dem Array.

2. Löschen Sie

1. kooperieren Sie mit der push()-Methode Unter Verwendung eines Stapels, der nach dem Last-In-First-Out-Prinzip aufgebaut werden kann, entfernt diese Methode das letzte Element vom Ende des Arrays und gibt dieses Element zurück.

Folgen Sie dem obigen Beispiel:


2. Wenn diese Methode zusammen verwendet wird, kann eine First-In-First-Out-Warteschlange gebildet werden. Diese Methode kann das erste Element des Arrays löschen und zurückgeben.
var item = arr.pop();
console.log(item);  // 3
console.log(arr);  // [-2, -1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]

Fahren Sie mit dem obigen Beispiel fort:

3. Slice()


Diese Methode ist Dasselbe wie concat() gibt auch ein neues Array zurück und wirkt sich nicht auf das ursprüngliche Array aus. Slice() wird jedoch zum Trimmen des Arrays und zum Zurückgeben des getrimmten Arrays verwendet. Die spezifische Verwendung ist wie folgt:
var item = arr.shift();
console.log(item); // -2
console.log(arr); // [-1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]

Die Die Methode „slice()“ kann einen oder zwei Parameter akzeptieren, nämlich die Start- und Endpositionen der zurückzugebenden Elemente. Mit nur einem Argument gibt die Methode „slice()“ alle Elemente zurück, beginnend an der durch dieses Argument angegebenen Position und endend am Ende des aktuellen Arrays. Wenn zwei Argumente angegeben werden, gibt diese Methode Elemente zwischen der Start- und Endposition zurück, jedoch ohne die Endposition.

Lassen Sie uns mit dem obigen Beispiel fortfahren~~


4. splice()


Okay, reden wir weiter über diese „universelle“ Methode.
var arr2 = arr.slice(2,6);
console.log(arr); // [-1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]
console.log(arr2); // [0.2, 0.4, 0.6, 0.8]

Wie oben erwähnt, muss diese Methode beim Hinzufügen von Array-Elementen mehr als 3 Parameter übergeben, und der zweite Parameter wird verwendet, um die Anzahl der zu löschenden Elemente anzugeben. Zu diesem Zeitpunkt haben wir Nummer 0 übergeben. Wenn wir dann nur Elemente löschen müssen, müssen wir nur zwei Parameter an splice() übergeben. Der erste Parameter wird verwendet, um die Position des ersten zu löschenden Elements anzugeben, und der zweite Parameter wird verwendet, um die Position anzugeben der zu löschenden Elementnummer. Fahren Sie mit dem obigen Beispiel fort~~

Löschen Sie 4 Elemente beginnend an der Position, an der das Indexelement 2 ist, sodass das Ergebnis [- 1, 0, 1, 2].


3. Ändern
arr.splice(2,4);
console.log(arr); // [-1, 0, 1, 2]

Tatsächlich ist die Verwendung der leistungsstarken Methode splice() tatsächlich die flexibelste Wenn wir die Methode oben verstehen, können wir das Grundprinzip der Verwendung dieser Methode zum Ändern von Array-Elementen grob kennen. Das Prinzip ist sehr einfach, das heißt, man fügt beliebig viele Elemente an der angegebenen Position ein und löscht gleichzeitig beliebig viele Elemente. Fahren Sie weiterhin mit dem obigen Beispiel fort~~

4

indexOf() und lastIndexOf()
arr.splice(2,1,0.5,1,1.5);
console.log(arr);  // [-1, 0, 0.5, 1, 1.5, 2]

Beide Methoden erhalten zwei Parameter: das zu findende Element und (optional) den Index, der die Startposition der Suche angibt. Unter diesen sucht indexOf() vom Anfang des Arrays (Position 0) rückwärts und die Methode lastIndexOf() sucht vom Ende des Arrays vorwärts. Zum Beispiel:

Wenn das Element nicht gefunden wird, wird -1 zurückgegeben und die Methode lastIndexOf() ist dieselbe.

Das obige ist der detaillierte Inhalt vonImplementierung der Funktionen zum Hinzufügen, Löschen, Ändern und Abfragen von JavaScript-Arrays. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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