JavaScript Index aus Array entfernen

Harshit Jindal 12 Oktober 2023
  1. Verwenden Sie die Funktion splice(), um ein bestimmtes Element aus dem JavaScript-Array zu entfernen
  2. Verwenden Sie Array.filter(), um ein bestimmtes Element aus dem JavaScript-Array zu entfernen
  3. Verwenden Sie die Bibliothek Underscore.js, um ein bestimmtes Element aus dem JavaScript-Array zu entfernen
  4. Verwenden von die Bibliothek Lodash zum ein bestimmtes Element aus dem JavaScript-Array zu entfernen
JavaScript Index aus Array entfernen

In diesem Tutorial erfahren Sie, wie Sie ein bestimmtes Element aus einem Array in JavaScript entfernen.

Verwenden Sie die Funktion splice(), um ein bestimmtes Element aus dem JavaScript-Array zu entfernen

Die Methode splice() kann den Inhalt des Arrays durch Hinzufügen / Entfernen von Elementen ändern. Es werden die folgenden 3 Argumente verwendet:

  1. index: Ein ganzzahliger Wert, der die Position angibt, an der Elemente hinzugefügt / entfernt werden sollen. Wir können sogar einen Index von der Rückseite des Arrays angeben, indem wir negative Indizes verwenden.
  2. howmany: Dies ist ein optionaler Parameter. Es gibt an, wie viele Elemente aus dem Array entfernt werden. Wenn es auf 0 gesetzt ist, werden keine Elemente entfernt.
  3. item1, item2, ... ,itemx: Die Elemente, die dem Array hinzugefügt werden sollen.
const array = [1, 2, 3, 4, 5];
const index = array.indexOf(3);
if (index > -1) {
  array.splice(index, 1);
}
console.log(array);

Ausgabe:

[1, 2, 4, 5]

Im obigen Code finden wir zuerst den Index des Elements, das wir entfernen möchten, und verwenden dann die Methode splice(), um das Array-Element zu entfernen.

Verwenden Sie Array.filter(), um ein bestimmtes Element aus dem JavaScript-Array zu entfernen

Die filter-Methoden durchlaufen das Array und filtern Elemente heraus, die eine bestimmte gegebene Bedingung erfüllen. Wir können es verwenden, um das Zielelement zu entfernen und den Rest von ihnen zu behalten. Es hilft uns, mehrere Elemente gleichzeitig zu entfernen.

var toRemove = 1;
var arr = [1, 2, 3, 4, 5];
arr = arr.filter(function(item) {
  return item !== toRemove
});
console.log(arr)

Ausgabe:

[2, 3, 4, 5]

Wir verwenden die Funktion filter, um jedes Element, das nicht dem zu entfernenden Element entspricht, beizubehalten und das neu gebildete Array dem ursprünglichen Array zuzuweisen.

Verwenden Sie die Bibliothek Underscore.js, um ein bestimmtes Element aus dem JavaScript-Array zu entfernen

Underscore.js ist eine sehr hilfreiche Bibliothek, die uns viele nützliche Funktionen bietet, ohne eines der integrierten Objekte zu erweitern. Um Zielelemente aus einem JavaScript-Array zu entfernen, müssen wir die Funktion without() verwenden. Diese Funktion gibt eine Kopie des Arrays zurück, wobei alle Kopien des Zielelements entfernt wurden.

const arr = [1, 2, 1, 0, 3, 1, 4];
arr = _.without(arr, 0, 1);
console.log(arr);

Ausgabe:

[2, 3, 4]

Im obigen Code übergeben wir das Array und die zu entfernenden Elemente 0 und 1 an die Funktion without. Es wird ein neues Array mit diesen entfernten Elementen zurückgegeben, das wir erneut in arr speichern.

Verwenden von die Bibliothek Lodash zum ein bestimmtes Element aus dem JavaScript-Array zu entfernen

Lodash ist eine großartige Bibliothek, mit der wir nur die Funktionen importieren können, die wir benötigen, und nicht die gesamte Bibliothek. Es hat eine Funktion namens remove(), die ein bestimmtes Element aus dem Array entfernen kann. Diese Funktion verwendet das Array und eine Funktion, um zu prüfen, ob Bedingungen mit dem Element übereinstimmen, das aus dem Array entfernt werden soll.

var arr = [1, 2, 3, 4];
var greater = _.remove(arr, function(n) {
  return n > 2;
});
console.log(arr)

Ausgabe:

[1,2]

Im obigen Code übergeben wir das Array und eine Funktion, die prüft, ob Elemente größer als 2 sind, an die Funktion remove der Bibliothek lodash. Es werden alle Elemente, die größer als 2 sind, aus dem Array entfernt.

Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Verwandter Artikel - JavaScript Array