Heim > Web-Frontend > Front-End-Fragen und Antworten > So löschen Sie Elemente in einem Array in es6

So löschen Sie Elemente in einem Array in es6

青灯夜游
Freigeben: 2022-06-08 17:03:57
Original
7419 Leute haben es durchsucht

Löschmethode: 1. Verwenden Sie Shift(), um das erste Element zu löschen. Die Syntax lautet „arr.shift()“. 2. Verwenden Sie Pop(), um das letzte Element zu löschen. Die Syntax lautet „arr.pop()“. 3. Verwenden Sie splice (), um jedes Element basierend auf dem Index zu löschen. Die Syntax lautet „arr.splice (Index starten, Anzahl der Elemente löschen)“.

So löschen Sie Elemente in einem Array in es6

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

In JavaScript gibt es viele Möglichkeiten, Array-Elemente zu löschen. Hier sind einige davon.

Methode 1: Verwenden Sie die Funktion „shift()“, um das erste Array-Element zu löschen. Die Funktion „array.shift()“ kann das erste Element des Arrays daraus löschen und dann den Wert des ersten Elements zurückgeben Elemente werden um eine Position nach vorne verschoben, um die Lücke am Kopf des Arrays zu füllen.

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

Das Ausgabeergebnis ist:

Man sieht Folgendes: Das obige Beispiel verwendet a.shift(), um den Wert 1 am Anfang des a-Arrays zu löschen, und setzt dann den Index zurück (beginnend bei 0). noch einmal); und die Shift()-Methode Es wird das ursprüngliche Array ändern und die Länge des Arrays ändern! Verwenden Sie daher console.log(a), um das ursprüngliche Array auszugeben, das das Array anzeigt, dessen erstes Element gelöscht wurde. So löschen Sie Elemente in einem Array in es6

Methode 2: Verwenden Sie pop(), um das letzte Array-Element zu löschen. Die Methode console.log(a)来输出原数组,显示的是已经被删除开头元素的数组。

方法2:使用pop()删除最后一个数组元素

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

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

输出结果为:

So löschen Sie Elemente in einem Array in es6

可以看出:上例使用a.pop()来删除a数组末尾的数值8,然后会重置索引(重新从0开始);且pop()方法也会改变原数组,修改数组的长度!

方法3:使用 splice() 根据数组下标删除任意元素

使用splice()可以从指定下标位置开始删除一个或多个元素。

删除元素的语法:

array.splice(index,howmany)
Nach dem Login kopieren
  • 第1个参数 index 可以指定起始下标位置(即开始删除元素的位置);

  • 第2个参数 howmany 指定应该删除的元素数目(即需要删除的一个或多个元素)。

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

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(1,2);
console.log(arr);
Nach dem Login kopieren

可以看出:使用arr.splice(1,2)从下标1的位置(数组第2个元素)开始删除2个元素,也就是删除了arr[1]arr[2]

array.pop() kann das letzte Element im Array-Array löschen und das gelöschte Element zurückgeben. So löschen Sie Elemente in einem Array in es6

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(0,2);
console.log(arr);
Nach dem Login kopieren

Das Ausgabeergebnis ist:

2 .png
  • Es ist ersichtlich, dass das obige Beispiel a.pop() verwendet, um den Wert 8 am Ende des a-Arrays zu löschen und dann den Index zurückzusetzen (beginnend bei 0). erneut); und pop() Die Methode ändert auch das ursprüngliche Array und die Länge des Arrays!

  • Methode 3: Verwenden Sie splice(), um jedes Element basierend auf dem Array-Index zu löschen.

So löschen Sie Elemente in einem Array in es6Verwenden Sie splice(), um ein oder mehrere Elemente beginnend an der angegebenen Indexposition zu löschen.

    Syntax zum Löschen von Elementen:
  • var arr= [1,2,3,4,5];
    console.log(arr);
    
    //从倒数第二个元素开始,截取两个元素
    arr.splice(-2,2);
    console.log(arr);
    Nach dem Login kopieren

    Der erste Parameter index kann die Startposition des Index angeben (d. h. die Position, an der das Element gelöscht wird);

    So löschen Sie Elemente in einem Array in es6

    Der zweite Parameter howmany gibt die Anzahl der Elemente an, die entfernt werden sollen (d. h. ein oder mehrere Elemente, die entfernt werden müssen).

    Schauen wir uns das folgende Beispiel genauer an: rrreee

    Daraus ist ersichtlich: Verwenden Sie arr.splice(1,2), um an der Position des Index zu beginnen 1 (Array Nr. 2 Elemente) beginnt mit dem Löschen von 2 Elementen, d. h. arr[1] und arr[2] werden gelöscht, sodass das Ausgabeergebnis wie folgt lautet: 🎜 🎜🎜🎜🎜Mit der Methode splice() können wir auch den Vorgang zum Löschen von Elementen am Anfang und Ende des Arrays implementieren: 🎜🎜🎜🎜Wenn Sie Elemente am Anfang des Arrays löschen möchten, legen Sie einfach den Wert von fest der erste Parameterindex der Methode auf 0 Es wird entsprechend dem Absolutwert von der rechten Seite des Arrays nach links positioniert. Der Wert des zweiten Parameters muss gleich dem Wert des Index sein. 🎜🎜🎜rrreee🎜🎜🎜🎜【Verwandte Empfehlungen: 🎜Javascript-Video-Tutorial🎜, 🎜Web-Frontend🎜】🎜

    Das obige ist der detaillierte Inhalt vonSo löschen Sie Elemente in einem Array in es6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage