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

So löschen Sie ein Element in einem Array in es6

青灯夜游
Freigeben: 2023-01-16 16:40:49
Original
6156 Leute haben es durchsucht

Löschmethode: 1. Verwenden Sie splice(), um jedes Element basierend auf dem Index, der Syntax „arr.splice(index,1)“, zu löschen. 2. Verwenden Sie das Schlüsselwort delete, um jedes Element basierend auf dem Index, der Syntax, zu löschen „delete arr[ index];“; 3. Verwenden Sie „shift()“, um das erste Element zu löschen. Die Syntax lautet „array.shift()“. pop()"; 5. Länge verwenden Entfernen Sie das letzte Element.

So löschen Sie ein Element in einem Array in es6

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

Wenn Sie in es6 ein beliebiges Element (ein Element) im Array löschen möchten, können Sie die Methode splice() oder das Schlüsselwort delete des Arrays verwenden.

Methode 1, Splice: Nach dem Löschen werden die folgenden Elemente automatisch nach vorne gefüllt

arr.splice(index, 1) 
Nach dem Login kopieren

Beispiel: Jetzt gibt es ein Array arr=['a','b','c' ,'d' ]

arr.splice(1, 1); //结果arr=['a','c','d'](下标1开始,删除1个)
Nach dem Login kopieren

Hinweis:

Im obigen Code sollten wir darauf achten, dass Sie arr einfach direkt so bedienen, anstatt zu schreiben, wenn Sie den Wert von arr ändern möchten arr= arr.splice(1 ,1), da der Rückgabewert der Methode splice() das gelöschte Element ist. arr= arr.splice(1,1),因为 splice() 方法的返回值为删除掉的元素。

补充:

  • spice增加:
arr.splice(1,0,'str'); //结果arr=['a','str','b','c','d']
Nach dem Login kopieren
  • spice替换:
arr.splice(1,1,'str'); //结果arr=['a','str','c','d']
Nach dem Login kopieren
  • spice替换2:
arr.splice(1,2,'str'); //结果arr=['a','str','d'](就是说:下标1开始2个换成1个“str”)
Nach dem Login kopieren
  • spice删除多个:
arr.splice(1,2); //结果arr=['a','d']
Nach dem Login kopieren

方法2、delete:删除后,该下标位置元素为undefined

delete arr[index];
Nach dem Login kopieren

例:

delete arr[1];
Nach dem Login kopieren

So löschen Sie ein Element in einem Array in es6

空位元素可以读写,length 属性不排斥空位,空元素位返回值为 undefined

console.log(arr[1]);
Nach dem Login kopieren

So löschen Sie ein Element in einem Array in es6

而如果只是想要删除第一个或最后一个元素,也可以利用shift()、pop()、length方法。

方法3:使用shift()函数删除第一个数组元素

array.shift()函数可以把数组的第一个元素从其中删除,并返回第一个元素的值;然后将余下所有元素前移 1 位,以填补数组头部的空缺。

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

输出结果为:

So löschen Sie ein Element in einem Array in es6

注:shift()方法会改变原数组,修改数组的长度!

方法4:使用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 ein Element in einem Array in es6

注:pop()方法也会改变原数组,修改数组的长度!

方法5:利用length属性删除最后一个数组元素

数组的length属性一般是用来设置或返回数组中元素的数目,即设置或返回数组长度。

我们可以利用设置数组长度的特性,将length属性的设置的比原长度小,即可从数组尾部删除一个或多个元素;如果值设置为0,就会删除全部数组,即清空数组!

语法:数组对象.length=原数组长度-1;

Ergänzung:

  • Gewürz hinzugefügt:
var a = [1,2,3,4,5,6,7,8];  //定义数组
console.log(a)
a.length=7;
console.log(a)
Nach dem Login kopieren
  • Gewürz ersetzt:
rrreee
  • Gewürz Ersetzung 2:
rrreee
  • Spice mehrfach löschen:
rrreee

So löschen Sie ein Element in einem Array in es6

Methode 2, löschen: Nach dem Löschen ist das tiefgestellte Positionselement undefiniert

rrreee

Beispiel: 🎜rrreee🎜1 .png 🎜🎜Leere Elemente können gelesen und geschrieben werden. Das Längenattribut schließt leere Elemente nicht aus. Der Rückgabewert leerer Elemente ist undefiniert🎜rrreee🎜So löschen Sie ein Element in einem Array in es6🎜🎜Und wenn Sie nur das erste oder letzte Element löschen möchten, können Sie auch Shift() verwenden , pop() , Längenmethode. 🎜🎜🎜🎜Methode 3: 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 Alle verbleibenden Elemente werden um eine Position nach vorne verschoben, um die Lücke am Anfang des Arrays zu füllen. 🎜rrreee🎜Das Ausgabeergebnis ist: 🎜🎜1 .png🎜🎜Hinweis: Die Methode shift() ändert das ursprüngliche Array und die Länge des Arrays! 🎜🎜🎜🎜Methode 4: Verwenden Sie pop(), um das letzte Array-Element zu löschen. Die Methode 🎜🎜🎜🎜array.pop() kann das letzte Element im Array-Array löschen und das gelöschte Element zurückgeben. 🎜rrreee🎜Das Ausgabeergebnis ist: 🎜🎜2 .png🎜🎜Hinweis: Die Methode pop() ändert auch das ursprüngliche Array und die Länge des Arrays! 🎜🎜🎜🎜Methode 5: Verwenden Sie das Längenattribut, um das letzte Array-Element zu löschen. 🎜🎜🎜🎜Das Längenattribut eines Arrays wird im Allgemeinen verwendet, um die Anzahl der Elemente im Array festzulegen oder zurückzugeben, dh um die Anzahl der Elemente festzulegen oder zurückzugeben Array-Länge. 🎜🎜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! 🎜🎜Syntax: Array object.length=original array length-1;🎜🎜🎜Beispiel: 🎜rrreee🎜🎜🎜🎜[Empfohlenes Lernen: 🎜Javascript-Tutorial für Fortgeschrittene🎜]🎜

Das obige ist der detaillierte Inhalt vonSo löschen Sie ein Element 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