HOWTO · JavaScript

Array-Füllung in JavaScript

Um ein Array mit einer benutzerdefinierten Zahl oder Zeichenfolge zu füllen, kann eine breite Palette von JavaScript-Methoden verwendet werden. Unter anderem ist die Methode fill() explizit in Bezug auf das Setzen eines beliebigen Werts für ein Array mit definierter Länge. Auch die grundlegende Methode zum Füllen von Array-Elementen mit einer for-Schleife, die Verwendung der map()-Methode, der from()-Methode und der apply()-Methoden sind gleichermaßen effektiv.

Auf dieser Seite

In JavaScript arbeitet das Array.prototype.fill() sukzessive, um ein bestimmtes Ranged Array zu füllen. Der Vorgang kann jedoch je nach Browser für viele Elemente langsam werden.

Mehr oder weniger sind die meisten Möglichkeiten, ein Array zu füllen, mit diesem langsamen Tempo für eine größere Anzahl von Elementen konfrontiert. Einige Methoden funktionieren jedoch besser im Fall einer schnellen Vergleichsoperation.

Hier sehen wir die Anwendung der Methoden fill(), map(), from(), apply() und die grundlegende loop-Anweisung zum Füllen eines Arrays. Kommen wir zu den Codezeilen.

Verwenden Sie Array.prototype.fill() zum Füllen eines Arrays in JavaScript

Diese Methode erfordert eine Zeile Code, um das Array-Element zu initialisieren. Und die Standardfunktion der Methode fill() füllt ein Array auf.

Code-Auszug:

var a = new Array(5).fill(1);
console.log(a);

Ausgabe:

Verwenden Sie Array.prototype.fill(), um ein Array zu füllen

Verwenden Sie Array.prototype.map() zum Füllen eines Arrays in JavaScript

Hier werden wir einen Spread-Operator verwenden, um die Elemente des Arrays zu erweitern, und später die map() auf jedes Element anwenden, um sie mit einem Wert zu füllen. Der Codezaun erklärt es besser.

Code-Auszug:

var a = [...new Array(5)].map(x => 2);
console.log(a);

Ausgabe:

Verwenden Sie Array.prototype.map(), um ein Array zu füllen

Verwenden Sie die Methode Array.from() zum Füllen eines Arrays in JavaScript

In diesem Fall verwenden wir die Methode Array.from(), die eine Array-Instanz verwendet, die ihren Bereich definiert, und es wird auch einen Funktionssatz geben, der den im Lambda-Funktionsbereich beschriebenen Wert des Elements initialisiert. Lassen Sie uns den Codeblock überprüfen.

Code-Auszug:

var a = Array.from(Array(5), () => 3);
console.log(a);

Ausgabe:

Verwenden Sie die Methode Array.from(), um ein Array zu füllen

Verwenden Sie die Methode apply() zum Füllen eines Arrays in JavaScript

Wir werden die Methode apply() verwenden, um alle Elemente eines Arrays bis zu einem bestimmten Bereich zu halten. Und später werden wir die Funktion map() verwenden, um jedem Element einen Wert zuzuweisen.

var a = Array.apply(null, Array(5)).map(Number.prototype.valueOf, 4);
console.log(a);

Ausgabe:

Verwenden Sie die apply()-Methode, um ein Array zu füllen

Verwenden Sie die Anweisung loop zum Füllen eines Arrays in JavaScript

Hier verwenden wir eine einfache Schleife, um die Elemente eines Arrays bis zum angegebenen Bereich zu durchlaufen und dann die Werte zu initialisieren.

Code-Auszug:

var a = new Array(5);
for (var i = 0; i < 5; i++) {
  a[i] = 5;
}
console.log(a);

Ausgabe:

Verwenden Sie die Loop-Anweisung, um ein Array zu füllen