Zusammenfassung der JS-Tipps zum Erstellen oder Füllen von Arrays beliebiger Länge

Vorwort

Bei der JavaScript-Entwicklung gibt es häufig Szenarien, in denen Sie Arrays einer bestimmten Länge erstellen müssen. Dieser Artikel fasst mehrere Tipps zum Erstellen oder Füllen von Arrays beliebiger Länge zusammen. Das Erlernen dieser Tipps kann Ihre Programmiereffizienz verbessern.

Direktfüllmethode

Wählen Sie den primitivsten Ansatz und füllen Sie das Array manuell auf die erforderliche Länge.

Konstanten arr = [0,0,0];

for-Schleife-Push()-Methode

Ähnlich wie die erste Methode, jedoch mit einer For-Schleife zum Erstellen eines Arrays einer bestimmten Länge

var Länge = 3;
var arr = [];
für (sei i=0; i < len; i++) {
  arr.push(0);
}

Array-Konstruktor-Methode

var Länge = 3;
var arr = neues Array(Länge);

Fügen Sie nach dem Array-Konstruktor die Methode fill() hinzu

var Länge = 3;
var arr = neues Array(Länge).fill(0);

Wenn Sie ein Objekt als Parameter zum Füllen eines Arrays verwenden, verweisen alle Elemente auf dieselbe Instanz (das Objekt wird also nicht mehrfach geklont, bei Array.from() tritt dieses Problem nicht auf):

var Länge = 3;
var obj = {};
var arr = neues Array(Länge).Füllung(Objekt);

Daher sollte die Bearbeitung dieses Arrays schneller sein als seine Erstellung mit dem Konstruktor. Allerdings ist das Erstellen von Arrays langsamer, da die Engine beim Wachsen des Arrays möglicherweise mehrmals zusammenhängenden Speicher neu zuweisen muss.

Füllen eines Arrays mit undefiniertem

Array.from({length: 3}) // [ undefiniert, undefiniert, undefiniert ]

Der folgende Ansatz funktioniert nur für iterierbare Werte und hat eine ähnliche Wirkung wie Array.from():

[...neues Array(3)] // [ undefiniert, undefiniert, undefiniert ]

Mapping mit Array.from()

Sie können mit Array.from() zuordnen, wenn Sie als zweites Argument eine Zuordnungsfunktion angeben.

Füllen eines Arrays mit Werten

Array.from({Länge: 3}, () => 0) // [ 0, 0, 0 ]

Erstellen eines Arrays mit eindeutigen (nicht gemeinsam genutzten) Objekten

Array.from({Länge: 3}, () => ({})) // [ {}, {}, {} ]

Erstellen Sie ein Array mit aufsteigenden Ganzzahlfolgen

Array.from({Länge: 3}, (x, i) => i) // [ 0, 1, 2 ]

Erstellen Sie mit einem beliebigen Bereich ganzer Zahlen

var Start = 2, Ende = 5;
Array.from({ Länge: Ende - Start }, (x, i) => i + Start) // [ 2, 3, 4 ]

Eine andere Möglichkeit, ein aufsteigendes Integer-Array zu erstellen, ist die Verwendung von keys()

[...neues Array(3).keys()] // [ 0, 1, 2 ]

Zusammenfassen

Damit ist dieser Artikel mit Tipps zum Erstellen oder Füllen von Arrays beliebiger Länge mit JS abgeschlossen. Weitere Informationen zum Erstellen und Füllen von Arrays mit JS finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!