Wie entfernt man ein Element aus einem Array in JavaScript

Es gibt mehrere Möglichkeiten, Elemente aus vorhanden Arrays in JavaScript zu entfernen. Sie können Elemente vom Ende eines Arrays mithilfe von pop durch den Gebrauch der Funktion shift am Anfang oder die Funktion splice in der Mitte entfernen.

  1. Using pop () (Es entfernt das letzte Element aus einem Array und gibt dieses Element zurück.)

Um das letzte Element zu entfernen, müssen Sie folgende Schritte durchführen:

Beispiel

<!DOCTYPE html>
 <html>
  <body>
   <p id="element"></p>
   <script>
   var myArray = ["1", "2", "3", "4"];
   myArray.pop();
   document.getElementById("element").innerHTML = myArray;
   myArray.pop();
   </script>
  </body>
 </html>

Das Ergebnis ist: ["1", "2", "3"]

Dann geben Sie das aufpopptes Element wie folgt zurück:

Beispiel

<!DOCTYPE html>
 <html>
  <body>
   <p id="element"></p>
   <script>
   var myArray = ["1", "2", "3", "4"];
   document.getElementById("element").innerHTML = myArray.pop();
   </script>
  </body>
 </html>

Es wird zurückkehren [4].

Vorschlag: Wenn Sie ein Element zum Array hinzufügen möchten, verwenden Sie push.
  1. Using shift() (Es entfernt das erste Element eines Arrays und kehrt dieses Element zurück.)

Um das erste Element eines Arrays zu entfernen, verwenden Sie folgenden Code:

Beispiel

<!DOCTYPE html>
 <html>
  <body>
   <p id="element"></p>
   <script>
   var myArray = ["1", "2", "3", "4"];
   myArray.shift();
   document.getElementById("element").innerHTML = myArray;
   </script>
  </body>
 </html>

Das Ergebnis wird folgende sein: [2,3,4]

Wenn Sie das verschobene Element zurückgeben wollen, verwenden Sie folgenden Code If you want to return the shifted element use this code:

Beispiel

Das wird zurückkehren [1].

Hinweis: Die Methoden Pop() und shift() ändern die Länge des Arrays.
Vorschlag: Verwenden Sie die Methode unshift(), um ein neues Element zum Array hinzuzufügen.
  1. Using splice() (Hinzufügen/Entfernen von Elementen zu/von einem Array)

Das erste Argument definiert die Stelle, an der mit dem Hinzufügen oder Entfernen von Elementen begonnen werden soll. Das zweite Argument definiert die Anzahl der zu entfernenden Elemente. Das dritte und nachfolgende Argument sind optional; sie definieren Elemente, die dem Array hinzugefügt werden sollen.

An 2. Position 1 Item entfernen

Beispiel

<!DOCTYPE html>
 <html>
   <body>
    <p id="element"></p>
    <script>
    var myArray = ['a', 'b', 'c', 'd'];
    myArray.splice(2, 1);
    document.getElementById("element").innerHTML = myArray;
   </script>
  </body>
 </html>

Das Ergebnis wird folgende sein: [a,b,d].

Vorschlag: Ändern Sie die Argumente, um ein anderes Ergebnis zu erhalten.
Vorschlag: Sie können auch mehrere Elemente aus einem Array durcht splice() entfernen. Ändern Sie einfach das zweite Argument entsprechend der Anzahl der Elemente, die Sie entfernen möchten.

Ein splice() zusammen mit einem indexOf() entfernt die Item(s) aus dem Array. IndexOf() sucht und entfernt ein bestimmtes Element. Die Methode indexOf() gibt den ersten Index zurück, bei dem ein gegebenes Element im Array gefunden werden kann, oder -1, wenn es nicht vorhanden ist.

Dafür verwenden Sie die Methode splice wie gefolgt:

Beispiel

<!DOCTYPE html>
 <html>
  <body>
    <p id="element"></p>
   <script>
     var myArray = ["a", "b", "c", "d"];
     myArray.splice (myArray.indexOf('c'), 2);
     document.getElementById("element").innerHTML = myArray;  
   </script>
  </body>
 </html>

Im gegebenen Beispiel wird die Indexposition von "c," gefunden und dann werden 2 Elemente aus dieser Position entfernt. Das Ergebnis ist [a,b].

Lernen Sie das Hinzufügen von Elementen mit splice.

  1. Using delete [index] (erstellt leere Spots)

Dieser Operator löscht das Element, das im Index angegeben ist (denken Sie daran, mit dem Zählen von null anzufangen).

Beispiel

<!DOCTYPE html>
 <html>
  <body>
   <p id="element"></p>
   <script>
   var myArray = ["1", "2", "3", "4"];
  delete myArray[2];
  document.getElementById("element").innerHTML = myArray;
 </script>
  </body>
 </html>

Das Ergebnis wird folgende sein: [1,2,,4].

Hinweis: Die Verwendung des Delete-Operators kann undefinierte Löcher im Array hinterlassen. Wir empfehlen Ihnen, die Methoden pop() oder shift() zu verwenden.
  1. Using slice() (Es gibt die ausgewählten Elemente in einem Array als neues Array-Objekt zurück.)

Beispiel

<!DOCTYPE html>
 <html>
  <body>
   <p id="element"></p>
    <script> 
    var names = ["Artak", "Ani", "Anna", "Artur", "Ashot"];
    var girlname = names.slice(1, 3);
   document.getElementById("element").innerHTML = girlname;
   </script>
  </body>
 </html>

Das Ergebnis des oben genannten Beispiels wird folgendes sein: [Ani,Anna].

Hinweis: Die Methode slice() wählt die Elemente aus, die mit dem angegebenen Argument start beginnen und mit dem angegebenen Argument end enden, aber nicht einschließen.
Vorschlag: Zusätzlich können Sie auch slice zum Klonen eines Arrays verwenden. Es wird so aussehen:

var newArray = oldArray.slice();

Finden Sie das nützlich?

Ähnliche Artikel