So ersetzen Sie das Objekt in einem Array in JavaScript

In JavaScript ist Array eine häufig verwendete Datenstruktur. Um Daten zu manipulieren, müssen Sie wissen, wie Sie sie in einem Array abrufen, hinzufügen und ersetzen können. Insbesondere können Sie ein oder mehrere Elemente aus einem Array mit den von JavaScript vorgelegten Methoden ersetzen oder hinzufügen.

In diesem Blog -Beitrag werden die Methoden beschrieben, um Objekte in JavaScript -Arrays zu ersetzen.

So ersetzen Sie das Objekt in einem Array in JavaScript?

Um ein Objekt in einem Array zu ersetzen, bietet JavaScript einige vordefinierte Methoden, die wie folgt sind:

• • Verwenden von Index
  • Verwenden der Indexof () -Methode
  • Verwenden oder Schleifen
  • Verwenden der Splice () -Methode

Lassen Sie uns die oben genannten Methoden eins nacheinander diskutieren!

Methode 1: Das Objekt in einem Array durch den Index ersetzen

Dies ist die einfachste Methode, um ein Element in einem Array zu ersetzen. Auf jedes Element eines Arrays kann mit einem Index ab 0 zugegriffen werden. In diesem Ansatz müssen Sie quadratische Klammern verwenden, um auf ein Array -Element zuzugreifen.

Syntax

Befolgen Sie die angegebene Syntax zum Ersetzen des Objekts mit dem Array -Index:

Array [Index] = Element;

Hier wird das Element im angegebenen Index des Arrays ersetzt.

Beispiel

Wir werden ein Array namens erstellen “FarbenUnd drucken Sie es dann mit der Konsole auf die Konsole "Konsole.Protokoll()" Methode:

var colors = ["rot", "blau", "grün", "pink"];
Konsole.log ("Original Array:", Farben);

Ersetzen Sie als Nächst. Wir werden das Element aus dem Index ersetzen “1" mit "lila”:

Farben [1] = "lila";

Drucken Sie das neue Array auf der Konsole mit der gleichen Länge:

Konsole.log ("ersetztes Array:", Farben);

Die Ausgabe bedeutet, dass das Objekt des Arrays “Blau"Wird erfolgreich durch" ersetzt "lila”:

Wechseln wir zur zweiten Methode!

Methode 2: Ersetzen Sie das Objekt in einem Array mit Indexof () -Methode

Es gibt eine andere Methode “Index von()Das gibt den Index des angegebenen Elements in einem Array aus. Wenn sich das übergebene Argument nicht in einem Array befinden, gibt es -1 aus. Wenn Sie den Index eines Elements nicht kennen, verwenden Sie die Indexof () -Methode, um den angegebenen Index des Arrays zu erhalten.

Syntax

Die folgende Syntax wird für die „verwendet“Index von()" Methode:

Array.indexof ("element");

Beispiel

Hier werden wir das gleiche Array von "verwenden"Farben”Im vorherigen Beispiel erstellt. Holen Sie sich nun den Index des Objekts des Arrays “Rot" Verwendung der "Index von()"Methode und speichern Sie es in einer Variablen"ColorIndex”:

const colorIndex = Farben.indexof ("rot");

Überprüfen Sie dann den Index von Array, wenn er nicht gleich wie -1 ist, und ersetzen Sie das Objekt des ArraysRot" mit "orange”:

if (colorIndex !== -1)
Farben [ColorIndex] = 'Orange';

Drucken Sie das neue Array zuletzt, indem Sie das Element von Array ersetzen:

Konsole.log ("Neuarray:", Farben);

Ausgang

Lassen Sie uns eine andere Methode zum Ersetzen von Objekten in einem Array sehen.

Methode 3: Das Objekt in einem Array für die Schleife ersetzen

Das Objekt kann in einem Array durch Verwendung der “ersetzt werdenfür”Schleife. Es wird das Array iteriert, bis der angegebene Wert nicht auftritt. Wenn der Wert mit den Objekten des Arrays übereinstimmt, ersetzt die Methode ihn durch ein neues Element.

Syntax

Verwenden Sie die folgende Syntax der for -Schleife, um Objekte in einem Array zu ersetzen:

für (var i = 0; i…

Beispiel

Hier das gleiche Array namens “Farben"Wird verwendet, um das zu ersetzen"Rosa"Mit jedem anderen Objekt"Schwarz”Verwenden Sie für Schleife:

für (lass ColorIndex = 0; Index < colors.length; colorIndex ++)
if (farben [colorIndex] === 'pink')
Farben [colorIndex] = 'schwarz';
brechen;

Drucken Sie dann das resultierende Array mit der “aus“ ausKonsole.Protokoll()" Methode:

Konsole.log ("Neuarray:", Farben);

Die Ausgabe zeigt an, dass das Objekt des ursprünglichen Arrays “Rosa"Wird durch das neue Objekt ersetzt"Schwarz”:

Wenn Sie Array -Elemente aus einem Array in einem angegebenen Index ersetzen möchten, befolgen Sie den nächsten Abschnitt.

Methode 4: Ersetzen Sie das Objekt in einem Array mithilfe von Splice () Methode

Verwenden Sie die vordefinierte JavaScript -Methode “spleißen()Um Objekte in einem Array zu ersetzen. Es fügt die angegebenen Array -Elemente hinzu oder entfernt und verändert das ursprüngliche Array. Es wird in einer Kombination der Indexof () -Methode verwendet, um auf den Index des angegebenen Arrayelements zuzugreifen und es zu spleißen.

Syntax

Befolgen Sie die angegebene Syntax, um die Methode Splice () zum Ersetzen von Elementen in einem Array zu verwenden:

Array.Splice (Startindex, DeleteCount, Element1,…, Elementn)

Hier das "Startindex"Ist der Ort im Array, an dem ein neues Element platziert werden soll"deleteCount”Gibt an, wie viele Elemente beseitigt werden sollen, und die“Element1,…, ElementnSind die Elemente, die ersetzt werden müssen.

Beispiel

Wir werden zuerst den Index des Arrays Objekt erhalten “Grün"Indem Sie es in die" weitergeben "Index von()"Methode und speichern Sie es in variabler"ColorIndex”:

const colorIndex = Farben.indexof ("grün");

Rufen Sie dann die Methode Splice () auf und übergeben Sie den Index des Elements “Grün"Das wird im variablen ColorIndex gespeichert, der ersetzt wird"1"Ist ein DeleteCount bedeutet, nur ein Element aus einem Array zu eliminieren und"Weiss”Als Ersatz:

Farben.Splice (ColorIndex, 1, 'weiß');

Drucken Sie zum Schluss das Neue Array auf der Konsole:

Konsole.log ("Neuarray:", Farben);

Wir haben alle besten Ansätze zum Ersetzen von Objekten aus JavaScript -Arrays gesammelt.

Abschluss

Um das Objekt in einem Array zu ersetzen, liefert JavaScript einige vordefinierte Methoden, z. B. die Verwendung des Index eines Arrays, das “Index von()Methode, die für Schleife oder die “spleißen()" Methode. Alle diese Methoden ersetzten ein Objekt effektiv aus einem Array. Die erste Methode ist die häufigste Möglichkeit, Elemente aus einem Array zu ersetzen, aber es ist nützlich in kleinen Arrays, deren Indizes bekannt sind. In diesem Blog haben wir die verschiedenen Möglichkeiten beschrieben, Objekte in JavaScript -Arrays zu ersetzen.