Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie füge ich dasselbe Element mehrmals effizient zu einem JavaScript-Array hinzu?

Patricia Arquette
Freigeben: 2024-11-17 01:49:04
Original
735 Leute haben es durchsucht

How to Efficiently Add the Same Element Multiple Times to a JavaScript Array?

Redundanz in JavaScript-Arrays leicht gemacht

Das mehrfache Hinzufügen desselben Elements zu einem JavaScript-Array kann eine mühsame und sich wiederholende Aufgabe sein. Anstatt die Push-Methode wie folgt wiederholt zu verwenden:

var fruits = [];
fruits.push("apple", "apple", "apple", "apple");
Nach dem Login kopieren

Dieser Artikel stellt eine effizientere Lösung vor, um dasselbe Element in einer einzigen Codezeile mehrmals zu einem Array hinzuzufügen.

Einführung in die Füllmethode

Für primitive Datentypen wie Zeichenfolgen, Zahlen und boolesche Werte stellt JavaScript die Füllmethode bereit. Mit dieser Methode können Sie ein Array für eine bestimmte Anzahl von Malen mit einem angegebenen Wert füllen.

Syntax:

array.fill(value, start, end)
Nach dem Login kopieren
  • Wert: Der Wert, mit dem das Array gefüllt werden soll.
  • start: Der Startindex zum Füllen des Arrays Array (optional, Standard ist 0).
  • end: Der Endindex zum Füllen des Arrays (optional, Standard ist die Länge des Arrays).

Beispiel:

Um die Zeichenfolge „Zitrone“ viermal zum Array „Früchte“ hinzuzufügen, können Sie Folgendes verwenden Code:

var fruits = new Array(4).fill("lemon");
console.log(fruits);
Nach dem Login kopieren

Dieser Code gibt viermal ein Array aus, das den Wert „lemon“ enthält:

["lemon", "lemon", "lemon", "lemon"]
Nach dem Login kopieren

Durch die Nutzung der Füllmethode können Sie dasselbe Element zu einem Array hinzufügen mehrmals mit Leichtigkeit, um Ihren Code zu optimieren und seine Lesbarkeit zu verbessern.

Das obige ist der detaillierte Inhalt vonWie füge ich dasselbe Element mehrmals effizient zu einem JavaScript-Array hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage