Array mit bestimmter Länge in JavaScript erstellen

Sahil Bhosale 12 Oktober 2023
  1. Erstellen ein Array der Länge mit dem Array()-Konstruktor in JavaScript
  2. Erstellen Sie ein Array von Längen mit der Methode apply() in JavaScript
  3. Erstellen ein Array von Längen mit der Methode map() in JavaScript
  4. Erstellt ein Array der Länge mit der Methode fill() in JavaScript
Array mit bestimmter Länge in JavaScript erstellen

In JavaScript müssen Sie möglicherweise ein Array mit bestimmten Längen erstellen oder deklarieren und die gewünschten Werte in das Array einfügen. Es kann auf verschiedene Weise erreicht werden.

Im Folgenden finden Sie einige der Methoden zum Erstellen eines Arrays mit bestimmten Längen in JavaScript. Verwenden Sie dies jetzt nur, wenn Sie der Meinung sind, dass dies erforderlich ist, da es meistens nicht erforderlich ist, ein Array mit bestimmten Längen zu erstellen oder zu deklarieren; Sie können ein Array dynamisch erstellen und verwenden.

Erstellen ein Array der Länge mit dem Array()-Konstruktor in JavaScript

Die erste Möglichkeit, ein leeres Array mit bestimmten Längen zu erstellen, besteht darin, den Konstruktor Array() zu verwenden und ihm eine ganze Zahl als Argument zu übergeben. Da wir einen Konstruktor aufrufen, verwenden wir ein new Schlüsselwort.

var arr = new Array(5);
console.log(arr)

Ausgabe:

[undefined, undefined, undefined, undefined, undefined]

Diese Methode zum Erstellen eines Arrays mit bestimmten Längen wird nicht empfohlen, wenn Sie JSlint verwenden, da dies zu Problemen führen kann. Da dieser Weg mehrdeutig ist und nicht nur ein Array einer bestimmten Länge erstellt, kann er auch für andere Dinge verwendet werden, wie zum Beispiel das Erstellen eines Arrays mit einem Wert wie folgt.

var arr_2 = new Array('5');
console.log(arr_2)

Ausgabe:

[ "5" ]

Erstellen Sie ein Array von Längen mit der Methode apply() in JavaScript

Der Konstruktor Array bietet eine Methode namens apply(). Mit dieser Methode apply() können Sie Argumente in Form eines Arrays an eine Methode übergeben. Die Methode apply() benötigt zwei Argumente, das erste ist die Referenz auf this Argument und das zweite ist das Array.

var myArr = Array.apply(null, Array(5));
console.log(myArr);

Ausgabe:

[undefined, undefined, undefined, undefined, undefined]

Um ein leeres Array einer bestimmten Länge zu erstellen, sagen wir 5, übergeben wir null als erstes Argument und das zweite ist das Array Array(5). Dadurch wird ein Array der Länge 5 erstellt und jedes Element mit einem undefined Wert initialisiert.

Alternativ können Sie auch Folgendes tun. Hier können Sie als zweiten Parameter ein Array-Objekt übergeben und darin die Länge des zu erstellenden Arrays definieren, in diesem Fall 5.

var arr = Array.apply(null, {length: 5});
console.log(arr);
console.log(arr.length);

Ausgabe:

[undefined, undefined, undefined, undefined, undefined]
5

Erstellen ein Array von Längen mit der Methode map() in JavaScript

Eine andere Möglichkeit, ein Array mit bestimmten Längen zu erstellen, besteht darin, die Methode map() in JavaScript zu verwenden. Hier erzeugt der Konstruktor Array(5) ein leeres Array der Länge 5. Dies ist ähnlich dem, was wir zuvor gesehen haben. Dann werden wir mit dem Spread-Operator ... jedes Element des Arrays spreizen und dieses in eine eckige Klammer wie diese [...Array(5)] einschließen. Es wird ein Array der Länge 5 erstellt, in dem der Wert jedes Elements undefined ist. Um dieses Array zu initialisieren, verwenden wir die Methode map().

[...Array(5)].map(x => 0);

Ausgabe:

[0, 0, 0, 0, 0]

Mit der Methode map() nehmen wir jedes Element in die Variable x und fügen ihm dann den Wert Null hinzu. Dadurch werden alle Elemente des Arrays auf Null initialisiert.

Erstellt ein Array der Länge mit der Methode fill() in JavaScript

Die Methode fill() funktioniert ebenso wie map(); das einzige ist, dass fill() keine Funktion als Parameter übernimmt. Es nimmt direkt einen Wert als Eingabe an. Sie können ein Array mit einer bestimmten Länge Array(5) erstellen und dann das Array mit einem ganzzahligen Wert füllen, wie unten gezeigt.

Array(5).fill(0);
// [0, 0, 0, 0, 0]
Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn

Verwandter Artikel - JavaScript Array