Detaillierte grafische Erklärung zum Löschen eines Elements eines Arrays in JavaScript-js-Tutorial-php.cn

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

yulia

Freigeben： 2018-10-10 11:41:35

Original

20570 Leute haben es durchsucht

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>

Nach dem Login kopieren

Rendering:

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>

Nach dem Login kopieren

Rendering:

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>

Nach dem Login kopieren

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!