suchen

Heim  >  Artikel  >  Web-Frontend  >  Detaillierte grafische Erklärung zum Löschen eines Elements eines Arrays in JavaScript

Detaillierte grafische Erklärung zum Löschen eines Elements eines Arrays in JavaScript

yulia
yuliaOriginal
2018-10-10 11:41:3520544Durchsuche

JavaScript wird häufig in der Front-End-Entwicklung verwendet. Wissen Sie also, wie Sie mit JS bestimmte Elemente mit Werten löschen? In diesem Artikel werden verschiedene Methoden zum Löschen eines Elements eines Arrays in JS vorgestellt. Interessierte Freunde können sich darauf beziehen.

Methode 1: Slice() löscht Array-Elemente

Die Slice-Methode kann einen bestimmten Teil des Arrays abfangen und alle gängigen Browser unterstützen die Slice-Methode.

Syntax: array.slice(start, end)
Start gibt die Startposition des Abfangens an, Ende gibt die Endposition an, das Weglassen von Ende bedeutet, dass bis zum letzten Bit abgefangen wird.

Beispiel: Klicken Sie auf die Schaltfläche, um das erste Element des Arrays zu löschen

Beschreibung: Wenn wir das erste Element des Arrays löschen möchten, können wir zum Abfangen die Slice-Methode verwenden das erste Element Für andere Elemente als Slice(1) lautet der Code wie folgt: 

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>  
  <p id="demo">点击按钮删除第一个数组元素。</p>
  <button onclick="myFunction()">点我</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.slice(1);
   document.write("新数组是："+ animal1)
  }
 </script>
</html>

Rendering:

Detaillierte grafische Erklärung zum Löschen eines Elements eines Arrays in JavaScript

Methode 2:shift() Array-Elemente löschen

Die Shift-Methode kann das erste Element des Arrays löschen und dann den Wert des ersten Elements zurückgeben. Alle gängigen Browser unterstützen die Shift-Methode. Der Nachteil besteht darin, dass nur das erste Element des Arrays gelöscht werden kann.
Syntax: array.shift()

Der Code lautet wie folgt: 

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.shift();
   document.write("删除的元素是："+ animal1)
  }
 </script>

Rendering:

Detaillierte grafische Erklärung zum Löschen eines Elements eines Arrays in JavaScript

Methode 3: splice()-Methode zum Löschen von Array-Elementen

Die splice()-Methode kann Elemente des Arrays und alle wichtigen Elemente einfügen, löschen oder ersetzen Browser unterstützen die Splice-Methode.

Syntax: array.splice(index,howmany,item1,...,itemX)
index gibt an, wo Elemente hinzugefügt oder gelöscht werden sollen, howmany gibt an, wie viele Elemente gelöscht werden sollen, item gibt an, zu welchen hinzugefügt werden soll das neue Element des Arrays.

Beispielbeschreibung: Löschen Sie ein Element beginnend mit dem Index 0. Der Code lautet wie folgt: 

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.splice(0,1);
   document.write("删除的元素是："+ animal1)
  }
 </script>

Rendering:

Detaillierte grafische Erklärung zum Löschen eines Elements eines Arrays in JavaScript

Above It stellt drei Methoden in JavaScript vor, um ein Element in einem Array zu löschen. Die Methoden sind jedoch unterschiedlich. Welche Methode sie bei der Arbeit wählen, hängt von ihren Arbeitsanforderungen und persönlichen Gewohnheiten ab Ich hoffe, dieser Artikel kann Ihnen helfen!

Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial PHP-Training für öffentliche Wohlfahrt

Das obige ist der detaillierte Inhalt vonDetaillierte grafische Erklärung zum Löschen eines Elements eines Arrays in JavaScript. 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
Vorheriger Artikel：Vertiefendes Verständnis der beiden Methoden zur Einführung von JS-Dateien in HTML-SeitenNächster Artikel：Vertiefendes Verständnis der beiden Methoden zur Einführung von JS-Dateien in HTML-Seiten

In Verbindung stehende Artikel

Mehr sehen