Heim  >  Artikel  >  Web-Frontend  >  JS-Array lernt, wie man Kopf- oder Schwanzelemente entfernt

JS-Array lernt, wie man Kopf- oder Schwanzelemente entfernt

青灯夜游
青灯夜游Original
2021-08-18 18:04:366415Durchsuche

Im vorherigen Artikel „JS-Array-Lernen: Wie füge ich Elemente am Kopf oder am Ende ein? 》, wir haben die Methode zum Hinzufügen von Elementen am Anfang und Ende des Arrays eingeführt. Nachdem Sie nun wissen, wie man Elemente hinzufügt, müssen Sie auch die entsprechenden Löschvorgänge kennen. Heute erfahren Sie, wie Sie mit JS Elemente aus dem Kopf oder Ende eines Arrays entfernen.

Lass uns zunächst einen Blick darauf werfenWie lösche ich die Elemente am Kopf des Arrays?

In JavaScript können wir die Funktion „shift()“ verwenden, um Elemente am Anfang eines Arrays zu löschen. Die Funktion array.shift() kann das erste Element des Arrays löschen und den Wert des ersten Elements zurückgeben. Anschließend werden alle verbleibenden Elemente um eine Position nach vorne verschoben, um die freie Stelle im Array zu füllen. array.shift()函数可以把数组的第一个元素从其中删除,并返回第一个元素的值;然后将余下所有元素前移 1 位,以填补数组头部的空缺。

我们通过下面的例子来具体看看:

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);

输出结果为:

JS-Array lernt, wie man Kopf- oder Schwanzelemente entfernt

可以看出:上例使用a.shift()来删除a数组开头的数值1,然后会重置索引(重新从0开始);且shift()方法会改变原数组,修改数组的长度!因此使用console.log(a)来输出原数组,显示的是已经被删除开头元素的数组。

删除数组头部元素的方法我们了解了,接下来我们看看如何删除数组尾部的元素?

删除数组尾部元素可以有多种方法,这里会给大家介绍两种:一种是使用pop()方法;另一种利用length属性。

1、使用pop()方法----可以删除数组末尾的一个元素

array.pop()方法可以删除数组 array 中最后一个元素,并返回被删除的元素。

我们通过下面的例子来具体看看:

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.pop();
console.log(a)

输出结果为:

JS-Array lernt, wie man Kopf- oder Schwanzelemente entfernt

可以看出:上例使用a.pop()

Schauen wir uns das folgende Beispiel genauer an:

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=7;
console.log(a)

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=6;
console.log(a)

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=3;
console.log(a)

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=0;
console.log(a)
Das Ausgabeergebnis ist:

JS-Array lernt, wie man Kopf- oder Schwanzelemente entfernt

Es ist ersichtlich, dass im obigen Beispiel a.shift() verwendet wird, um den Wert 1 am Anfang des a-Arrays zu löschen, und dann zurückgesetzt wird index (wieder beginnend bei 0) ;Und die Methode shift() ändert das ursprüngliche Array und ändert die Länge des Arrays! Verwenden Sie daher console.log(a), um das ursprüngliche Array auszugeben, das das Array anzeigt, dessen erstes Element gelöscht wurde.

Wir wissen, wie man die Elemente am Anfang des Arrays löscht. Schauen wir uns als Nächstes an:

Wie löscht man die Elemente am Ende des Arrays?

Es gibt viele Möglichkeiten, die Endelemente des Arrays zu löschen. Hier stellen wir zwei Methoden vor: Die eine besteht darin, die Methode pop() zu verwenden, die andere darin, das Längenattribut zu verwenden.

JS-Array lernt, wie man Kopf- oder Schwanzelemente entfernt

1. Verwenden Sie die Methode pop() ---- Sie können ein Element am Ende des Arrays löschen.

Die Methode array.pop() kann das letzte Element im Array löschen und die gelöschten Elementelemente zurückgeben.

🎜Schauen wir uns das folgende Beispiel an: 🎜rrreee🎜Das Ausgabeergebnis ist: 🎜🎜JS-Array lernt, wie man Kopf- oder Schwanzelemente entfernt🎜🎜Es ist ersichtlich, dass im obigen Beispiel a.pop() verwendet wird, um den Wert 8 am Ende von a zu löschen Array und setzen Sie dann den Index zurück (beginnt bei 0 neu). Die Methode pop() ändert auch das ursprüngliche Array und ändert die Länge des Arrays! 🎜🎜🎜2. Verwenden Sie das Längenattribut ---- Sie können ein oder mehrere Elemente am Ende des Arrays löschen (oder sogar das Array löschen)🎜🎜🎜Das Längenattribut des Arrays wird im Allgemeinen zum Festlegen oder Zurückgeben verwendet Anzahl der Elemente im Array, d. h. set Oder gibt die Array-Länge zurück. 🎜🎜Wir können die Funktion nutzen, die Länge des Arrays festzulegen und das Längenattribut auf einen kleineren Wert als die ursprüngliche Länge zu setzen, um ein oder mehrere Elemente vom Ende des Arrays zu löschen Das gesamte Array wird gelöscht, das heißt, das Array wird gelöscht! 🎜🎜Schauen wir uns das folgende Beispiel genauer an: 🎜rrreee🎜Das Ausgabeergebnis ist: 🎜🎜🎜🎜🎜Okay, das ist alles, Sie können es lesen, wenn Sie es brauchen: 🎜Javascript-Tutorial für Fortgeschrittene🎜🎜

Das obige ist der detaillierte Inhalt vonJS-Array lernt, wie man Kopf- oder Schwanzelemente entfernt. 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