So füllen Sie Array -Werte in JavaScript aus

Haben Sie jemals auf eine Situation gestoßen, in der es erforderlich ist, ein JavaScript -Array mit einigen vordefinierten Werten zu erstellen, oder möchten Sie die Elemente eines vorhandenen Arrays mit statischen Werten überschreiben?? In solchen Szenarien wird es notwendig zu füllen Die Array -Werte.

JavaScript Bietet verschiedene Methoden, mit denen Werte in einem Array wie „z. B.“ gefüllt werden können. “Array.füllen()","Array.aus()","Array push ()Methoden und Operator ausbreiten “[…]", Wo "Array.füllen()Die Methode füllt ein vorhandenes Array mit den neuen Werten und “Array.füllen()Und die anderen beiden Methoden erstellen eine Neuarray -Instanz und füllen sie dann mit den angegebenen statischen Werten aus.

In diesem Artikel werden verschiedene Methoden zum Ausfüllen von Array-Werten in JavaScript erörtert. So lass uns anfangen!

So füllen Sie Array -Werte in JavaScript aus

Sie können einen der folgenden Ansätze verwenden, um Array -Werte in JavaScript zu füllen:

1. Verwendung der Array.füllen() Methode
2. Verwendung der Array push () Methode und Für Schleife
3. Verwendung der Array.aus() Methode
4. Verwendung der Operator ausbreiten […] und das Karte() Funktion

Wir werden jetzt jede der oben genannten Methoden im Detail erläutern.

So füllen Sie Array -Werte in JavaScript mit Array aus.fill () Methode

In JavaScript die “Array.füllen()”Methode wird verwendet für Füllung ein Array mit Statische Werte. Es kann verwendet werden, um einen bestimmten Teil eines Arrays oder des gesamten Arrays zu füllen.

Syntax

Array.Füllen (Wert, Start, Ende)

Hier das "Array.füllen()”Methode ersetzt die Elemente der Array mit der Statischen “Wert„; “Start," Und "EndeSind die optionalen Argumente, die die darstellen beginnend Und Endindex des Arrays, wobei zwischen diesen Indizes die statischen Werte platziert werden.

Beispiel 1

Zunächst werden wir ein JavaScript erstellen “ArrayMit den folgenden Werten:

var array = ["summer", "winter", "fing"];

Dann werden wir die “aufrufen“Array.füllen()"Methode, um das gesamte Array mit" zu füllen "Herbst" Wert:

Array.füllen ("Herbst");

Die Ausführung des oben gegebenen Codes zeigt die folgende Ausgabe an:

Beispiel 2

Im nächsten Beispiel werden wir versuchen, das Original zu füllen “Array"Elemente mit"Herbst”Bei Index“0" Und "1”:

Array.FILL ("Herbst", 0, 2);

Beachten Sie, dass der Endindex “2”Wird nicht in diese Operation einbezogen:

So füllen Sie Array -Werte in JavaScript mithilfe der Array Push () -Methode und für die Schleife

Eine andere Methode zum Ausfüllen eines Arrays ist die Array "push ()" Methode. Diese Methode hilft beim Hinzufügen eines oder mehrere Werte zum Array. Es wird auch in Kombination mit dem "verwendet"Für SchleifeUm ein Array mit statischen Werten zu füllen.

Syntax

Array.Push ('Wert');

Hier das JavaScript “Array"Wird mit dem Statischen gefüllt sein"Wert" Verwendung der "drücken()" Methode.

Beispiel

Wir werden eine Konstante schaffen “Länge"Den Wert haben"5"Und ein leer"Array”:

const Länge = 5;
const array = [];

Als nächstes werden wir das verwenden “Für Schleife"Über das Array und" zu schleifen "drücken()Methode zum Füllen des Arrays mit dem “Frühling" Wert:

für (lass i = 0; i < length; i++)
Array.Push ('Spring');

Konsole.log (Array);

Die angegebene Ausgabe bedeutet, dass das Ganze “Array"Ist gefüllt mit dem"Frühling" Wert:

So füllen Sie Array -Werte in JavaScript mit Array aus.von () Methode

Das JavaScript "Array.aus()Die Methode wird zum Erstellen einer Neuarray-Instanz aus einem iterbaren oder Array-ähnlichen Objekt verwendet. Diese Methode akzeptiert ein Array-ähnliches Objekt als Argument und gibt das neu erstellte Array zurück.

Syntax

Array.von (Objekt, Mappfunktion, ThisArg)

Hier das "Objekt"Repräsentiert das JavaScript -Objekt, das in ein Array konvertiert werden muss"KartfunktionIst ein optionaler Parameter, der sich auf die Kartenfunktion bezieht, die das Array mit dem Funktionsergebnis füllt. Zuletzt, wenn die angegebene Kartenfunktion ausgeführt wird, “ThisArg" wird benutzt als "Das" Wert.

Beispiel

Benutzen "Array.aus()Methode, wir erstellen ein leeres Array -Objekt, dessen "Länge"Eigenschaft ist festgelegt"5"Und füllen Sie es mit dem Wert"FrühlingVerwenden der Kartenfunktion:

var Array = Array.von (Länge: 5, () => ('Spring'))
Konsole.log (Array);

Wie Sie sehen können, die Ausführung des gegebenen ““Array.aus()”Wird die“ hinzufügenFrühling"Wert für alle fünf Indizes von"Array”:

So füllen Sie Array -Werte in JavaScript mithilfe von Spread Operator […] und MAP () -Funktion

Der Spread Operator “[…]”Ist eine weitere nützliche JavaScript -ES6 -Funktion, die in Kombination mit der“ verwendet werden kannKarte()Funktionen zur Erweiterung eines Arrays und zum Ausfüllen mit bestimmten Werten.

Syntax

[… New Array ()].map (() => 'Wert')

Hier der Spread -Operator “[…]”Wird ein Neues Array erstellen und dann an die“ weitergebenKarte()Funktionen zum Ausfüllen aller Indizes mit dem “Wert“.

Beispiel

In diesem Beispiel der Spread -Operator “[…]"Wird ein neues schaffen"Array"Mit der Länge"5"Und initialisierte es mit einem"nicht definiert" Wert. Danach das "Karte()Die Funktion wird die neuen Objektinstanzen auf "zuordnen"Herbst" Wert:

Sei Array = [… Neuarray (5)].MAP (() => 'Herbst');
Konsole.log (Array);

Die angegebene Ausgabe zeigt, dass wir das erfolgreich gefüllt haben “Array”Mit dem angegebenen Wert:

Wir haben verschiedene Methoden zum Füllen eines Arrays mit Werten zusammengestellt. Wählen Sie einen von ihnen nach Ihren Anforderungen aus.

Abschluss

Das JavaScript "Array.füllen()","Array.aus()"Methoden, Kombination von"Array push () Methode und Für Schleife" Und "Operator ausbreiten […] Und Karte() Funktion ”werden verwendet, um Array -Werte zu füllen. Mit dem Array.FILL () -Methode, ein bereits erstelltes Array kann mit den neuen Werten gefüllt werden. Dagegen das Array.Von () Methode und die beiden anderen Kombinationen werden verwendet, um eine Neuarray -Instanz zu erstellen und sie dann mit dem angegebenen Wert zu füllen. In diesem Artikel wurden verschiedene Methoden zum Ausfüllen von Array-Werten in JavaScript erörtert.