Entfernen Sie Nullwerte aus einem Array in JavaScript

Entfernen Sie Nullwerte aus einem Array in JavaScript

In Arrays ist das Entfernen von Nullwerten (einschließlich leerer Zeichenfolgen, Null, undefinierter usw.) eine wichtige Aufgabe für Entwickler. Dazu bietet JavaScript einige Methoden, z.

In diesem Tutorial werden die Methoden zum Entfernen von Nullwerten aus JavaScript -Arrays veranschaulicht.

So entfernen Sie Nullwerte aus dem JavaScript -Array?

Um Nullwerte aus einem Array zu entfernen, verwenden Sie die untergegebenen JavaScript-integrierten Methoden:

    • filter () Methode
    • Für Schleife
    • foreach () Methode

Methode 1: Nullwerte aus dem JavaScript -Array mithilfe der Filter () -Methode entfernen

Verwenden Sie die “Filter()Methode zum Entfernen von Nullwerten aus einem Array. Es erstellt und gibt ein neues Array zurück, indem die Elemente hinzugefügt werden, die die in der Funktion angegebenen Anforderungen erfüllen.

Syntax

Befolgen Sie die angegebene Syntax für die filter () -Methode:

Array.Filter (Funktion (CurrentValue, Index, Array))


In der obigen Syntax:

    • A "FunktionDas wird für jedes Element des Arrays ausgeführt.
    • Der "aktueller Wert”Zeigt den Wert des aktuellen Elements an.
    • IndexIst der derzeit ausgewählte Element -Index.
    • ArrayIst das Array, das das aktuelle Element enthält.
    • Index" Und "Array"Sind die optionalen Argumente, während"Funktion" Und "aktueller Wert" sind verpflichtend.

Beispiel

Erstellen Sie ein Array mit Zahlen und Nullwerten:

var Array = [1, "", 2, 56, 13, 44, Null, undefiniert, 85];


Rufen Sie die filter () -Methode mit einer Pfeilfunktion als Rückruffunktion auf, die nur die Elemente auswählt, die nicht dem Schlüsselwort entsprechenNull"Und speichert es zu einer Variablen"res”:

var res = Array.filter (Elements =>
Returnelemente !== null;
);


Drucken Sie das resultierende Array auf der Konsole:

Konsole.log (res);


Die Ausgabe zeigt ein Array an, das die “entfernt“Null" Wert:


Entfernen Sie nun alle Null-, undefinierten und leeren Werte aus einem Array und fügen Sie diese mehreren Bedingungen mit dem und hinzu&&" Operator:

var res = Array.filter (Elements =>
Rückkehr (Elemente != NULL && Elemente !== undefinierte && Elemente !== "");
);


Die angegebene Ausgabe zeigt, dass alle angegebenen Werte aus einem Array erfolgreich entfernt werden:

Methode 2: Entfernen Sie Nullwerte aus dem JavaScript -Array mit für die Schleife

Verwenden Sie die herkömmlichste Methode, um das Array mit der “zu iterierenfür"Schleife mit dem"drücken()" Methode. Es wird das Array bis zu seiner Länge iterieren und die Elemente in ein neu erstelltes Array drücken.

Syntax

Die folgende Syntax der “fürDie Schleife wird zum Entfernen von Nullwerten aus einem Array verwendet:

für ()
// Aussagen zurückgeben


Beispiel

Erstellen Sie zunächst ein leeres Array:

var Resarray = [];


Verwenden Sie die für die Schleife, um das Array zu iterieren und die Nicht-Null-Werte zu erhalten, und fügen Sie sie mit der “zu einem neu erstellten Array hinzu.“drücken()" Methode:

für (lass i = 0; i < array.length; i++)
if (Array [i])
Reservieren.Push (Array [i]);


Konsole.log (Resaunray);


Der Ausgang zeigt an, dass die for -Schleife das Array mit Ausnahme der Nullwerte effizient zurückgibt:

Methode 3: Nullwerte aus einem Array mit der methode foreach () entfernen

Verwenden Sie die Nullwerte aus einem Array, um die “zu verwendenfür jede()Methode mit der “drücken()" Methode. Für jedes Element eines Arrays ruft es eine Rückruffunktion auf.

Syntax

Befolgen Sie die angegebene Syntax für die foreach () -Methode:

Array.foreach (Funktion (CurrentValue, Index, arr)


In der obigen Syntax,

    • Eine Funktion, die für jedes Element des Arrays ausgeführt werden kann.
    • Der "aktueller WertIst der Wert des aktuellen Elements.
    • IndexIst der Index eines derzeit ausgewählten Elements.
    • ArrayIst das Array, das das aktuelle Element enthält.
    • Funktion" Und "aktueller Wert"Sind obligatorisch, während"Index" Und "Array”Sind die optionalen Parameter.

Beispiel

Erstellen Sie ein leeres Array, um alle Array -Elemente zu halten, die nicht null sind:

var Resarray = [];


Dann rufen Sie das an "für jede()Methode zur ITRAY ITRAY ITRAY ITRAY ITRAY IT ITRAGE. Drücken Sie dann dieses Element des Arrays in das leere Array, wenn die Kriterien erfüllt sind:

Array.foreach (Elements =>
if (Elemente !== null)
Reservieren.Push (Elemente);

);


Drucken Sie das resultierende Array auf der Konsole:

Konsole.log (Resaunray);


Die Ausgabe zeigt ein Array ohne die “Null" Wert:


Beseitigen Sie nun alle anderen undefinierten Werte aus einem Array, indem Sie die folgende Bedingung angeben:

Array.foreach (Elements =>
if (Elemente != NULL && Elemente !== undefinierte && Elemente !== "")
Reservieren.Push (Elemente);

);


Ausgang


Wir haben alle besten Methoden zum Entfernen der Nullwerte aus einem Array in JavaScript zusammengestellt.

Abschluss

Verwenden Sie, um Nullwerte aus einem Array zu entfernen, die vorgefertigten JavaScript -Methoden, einschließlich der “Filter()" Methode, "für"Schleife oder"für jede()" Methode. Das Array.Filter () -Methode ist die am häufigsten verwendete Methode zum Entfernen der Nullwerte aus einem Array. Der "fürSchleife ist die traditionelle Methode, um das Array zu iterieren und die Elemente mit Ausnahme von Nullwerten in einem Array hinzuzufügen, indem Sie die “verwendendrücken()" Methode. In diesem Tutorial wurde die Methoden zum Entfernen von Nullwerten aus JavaScript -Arrays dargestellt.