Elemente aus einem JavaScript-Array entfernen

Elemente aus einem JavaScript-Array entfernen

Das Entfernen von Elementen aus einem JavaScript-Array bedeutet, dass bestimmte Elemente aus dem Array entfernt werden. Dies ist eine grundlegende und wichtige Aufgabe bei der Programmierung, da sie dabei hilft, das Array genau zu halten und die Datenverarbeitung einfacher macht. In diesem Artikel besprechen wir einige Methoden zum Entfernen von Elementen aus einem JavaScript-Array.

Methoden zum Entfernen von Elementen aus einem JavaScript-Array

Es gibt verschiedene Methoden zum Entfernen von Elementen aus einem JavaScript-Array, die im Folgenden erläutert werden:

Inhaltsverzeichnis

Notiz: Es gibt andere Methoden, die von erstellt werden JavaScript eingebaute Methoden.

Methode 1: Entfernen Sie das letzte Element aus dem Array mit der Methode pop()

Mit dieser Methode wird das letzte Element des Arrays entfernt und das entfernte Element zurückgegeben. Diese Funktion verringert die Länge des Arrays jedes Mal um 1, wenn das Element entfernt wird.

Beispiel 1: Der folgende Code ist die grundlegende Implementierung von pop()-Methode um Elemente aus einem Array zu entfernen.

Javascript
// JavaScript code to illustrate pop() function  // to remove array elements let arr = ['shift', 'splice', 'filter', 'pop']; // Popping the last element from the array  let popped = arr.pop(); console.log('Removed element: ' + popped); console.log('Remaining elements: ' + arr); console.log('Array length: ' + arr.length); 

Ausgabe
Removed element: pop Remaining elements: shift,splice,filter Array length: 3 

Beispiel 2: Der folgende Code entfernt die Elemente mit der Methode pop() aus dem Array, bis die Länge des Arrays 0 wird.

Javascript
// Declare and initialize an array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Loop run while array length not zero while (array.length) {  // Remove elements from array  array.pop(); } console.log('Array Length: ' + array.length) 

Ausgabe
Original array: pop,splice,filter,shift Array Length: 0 

Methode 2: Entfernen Sie das erste Element aus dem Array mit der Methode „shift()“.

Diese Methode wird verwendet, um das erste Element des Arrays zu entfernen und zurückzugeben und die Größe des ursprünglichen Arrays um 1 zu reduzieren.

Beispiel: Der folgende Code ist eine grundlegende Implementierung von Shift()-Methode um Array-Elemente zu entfernen.

Javascript
// JavaScript code to illustrate shift() method // to remove elements from array let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the first element from array  let shifted = arr.shift(); console.log('Removed element: ' + shifted); console.log('Remaining elements: ' + arr); 

Ausgabe
Removed element: shift Remaining elements: splice,filter,pop 

Methode 3: Entfernen Sie ein Element aus dem Array an einem beliebigen Index mit der splice()-Methode

Spleißmethode wird verwendet, um den Inhalt eines Arrays zu ändern, indem die vorhandenen Elemente entfernt und/oder neue Elemente hinzugefügt werden. Um Elemente mit der Methode splice() zu entfernen, können Sie die Elemente auf unterschiedliche Weise angeben.

Beispiel 1: In diesem Beispiel wird die Indizierung der Splice-Methode verwendet, um Elemente aus einem JavaScript-Array zu entfernen.

Javascript
// JavaScript code to illustrate splice() function  let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element from the array  let spliced = arr.splice(1, 1); console.log('Removed element: ' + spliced); console.log('Remaining elements: ' + arr); 

Ausgabe
Removed element: splice Remaining elements: shift,filter,pop 

Beispiel 2: In diesem Beispiel wird der Wert der Splice-Methode verwendet, um Elemente aus einem JavaScript-Array zu entfernen.

Javascript
// JavaScript code to illustrate splice() function  let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element by value from the array  for (let i = 0; i  < arr.length; i++) {  if (arr[i] === 'splice') {  let spliced = arr.splice(i, 1);  console.log('Removed element: ' + spliced);  console.log('Remaining elements: ' + arr);  } } 

Ausgabe
Removed element: splice Remaining elements: shift,filter,pop 

Beispiel 3: Verwenden Sie die Splice-Methode, um jedes Element aus einem JavaScript-Array zu entfernen.

Javascript
// Declare and initialize array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Making the length of array to 0 by using splice method array.splice(0, array.length); console.log('Empty array: ' + array) 

Ausgabe
Original array: pop,splice,filter,shift Empty array: 

Methode 4: Entfernen Sie ein Element mit einer bestimmten Bedingung aus dem Array mit der Methode filter()

Filtermethode wird verwendet, um aus einem gegebenen Array ein neues Array zu erstellen, das nur aus den Elementen des gegebenen Arrays besteht, die eine durch die Argumentfunktion festgelegte Bedingung erfüllen. Um Elemente mit der Methode filter() zu entfernen, können Sie die Elemente auf unterschiedliche Weise angeben.

Beispiel: Das folgende Beispiel verwendet den Wert der Filtermethode, um Elemente aus einem JavaScript-Array zu entfernen.

Javascript
// JavaScript to illustrate filter() method function isPositive(value) {  return value>0; } function func() { let filtered = [101, 98, 12, -1, 848].filter(isPositive);  console.log('Positive Elemente im Array: ' + gefiltert); } func(); 

Ausgabe
Positive elements in array: 101,98,12,848 

Methode 5: Array-Elemente mit Index mithilfe des Löschoperators entfernen

Der Löschoperator gibt einen booleschen Wert zurück, WAHR, wenn das Element oder die Eigenschaft aus dem Array oder Objekt entfernt wird und FALSCH, wenn eine Funktion oder Variable zum Entfernen übergeben wird.

Beispiel: Der folgende Code implementiert den Löschoperator, um Elemente aus einem Array zu entfernen.

Javascript
// Declare and initialize an array let array = ['lodash', 'remove', 'delete', 'reset'] // Delete element at index 2 let deleted = delete array[2]; console.log('Removed: ' + deleted); console.log('Remaining elements: ' + array); 

Ausgabe
Removed: true Remaining elements: lodash,remove,,reset 

Methode 6: Array-Elemente mithilfe des Lösch- und Zurücksetzungsansatzes entfernen

Entfernen von Elementen aus einem Array mithilfe des manuellen Lösch- und Rücksetzansatzes, indem entweder die Länge des Arrays mithilfe der Längeneigenschaft auf 0 zurückgesetzt wird oder indem das Array einem leeren Array ([]) zugewiesen wird.

Beispiel: In diesem Beispiel wird erläutert, wie Sie den Clear- und Reset-Ansatz in JavaScript implementieren können.

Javascript
// Declare and initialize an array let array1 = ['lodash', 'remove', 'delete', 'reset']; let array2 = [1, 2, 3, 4, 5]; console.log('Array1 before elements removal: ', array1); console.log('Array2 before elements removal: ', array2); // Delete each element of array array1 = []; array2.length = 0; console.log('Array1 after elements removal: ', array1); console.log('Array2 after elements removal: ', array2); 

Ausgabe
Array1 before elements removal: [ 'lodash', 'remove', 'delete', 'reset' ] Array2 before elements removal: [ 1, 2, 3, 4, 5 ] Array1 after elements removal: [] Array2 after elements removal: [] 

Methode 7: Entfernen Sie ein Element aus dem Array mithilfe der for()-Schleife und eines neuen Arrays

Hier ein einfaches for-Schleife wird über das Array ausgeführt und verschiebt alle Elemente im neuen Array mit Ausnahme des Elements, das entfernt werden muss.

Beispiel: Das folgende Beispiel verwendet die for-Schleife und a neues Array um Elemente aus einem Array zu entfernen.

Javascript
let removeElement = (array, n) =>{ let newArray = [];  für (sei i = 0; i < array.length; i++) {  if (array[i] !== n) {  newArray.push(array[i]);  }  }  return newArray; }; let passed_in_array = [1, 2, 3, 4, 5]; let element_to_be_removed = 2; let result = removeElement(passed_in_array, element_to_be_removed); console.log('Remaining elements: ' + result); 

Ausgabe
Remaining elements: 1,3,4,5 

Methode 8: Array-Element mit der Methode lodash _.remove entfernen

Verwenden Sie die lodash-Bibliothek, um Elemente aus einem JavaScript-Array zu entfernen. Um die Lodash-Bibliothek verwenden zu können, müssen Sie sie lokal auf Ihrem System installieren.

Beispiel: Dieser Code implementiert die _.entfernen() Methode von lodash, um Elemente aus einem Array zu entfernen.

Javascript
// Import Lodash library const _ = require('lodash'); // Declare and initialize an array let array = [101, 98, 12, -1, 848]; // using _.remove to remove odd number let evens= _.remove(array, function(n) {  return n % 2 == 0; });   console.log('Remaining odd elements: ' + array); console.log('Removed even elements: ' + evens); 

Ausgabe:

Removed odd elements: 101, -1 Remaining even elements: 98, 12, 848