js Array fill() Füllmethode

js Array fill() Füllmethode

Vorwort:

Wir wissen viel darüber, wie man Arrays initialisiert, aber nach der Initialisierung des Arrays ist jedes Element im Array standardmäßig ein empty Platzhalter. Wie können wir diesen leeren Stellen im Array Standardelemente hinzufügen? ES6 bietet fill() um diesen Vorgang durchzuführen. Dieser Artikel fasst die detaillierte Verwendung der Array fill() Methode zusammen.

1. fill()-Syntax

fill() füllt alle Elemente eines Arrays vom Startindex bis zum Endindex mit einem festen Wert. Der Endindex ist nicht enthalten. Gibt das ursprüngliche Array geändert zurück, ohne ein neues Array zu erstellen.

Verwenden Sie die Syntax: array.fill( value [,start [,end]]), wobei:

  • value wird verwendet, um den Wert der Array-Elemente auszufüllen (erforderlich).
  • start ist ein optionaler Startindex, der Standardwert ist 0.
  • end optionaler Endindex, standardmäßig this.length .

2. Verwendung von fill()

   // Wenn ein einzelner Parameter übergeben wird, füllt die Methode das gesamte Array mit dem Wert dieses Parameters var arr1 = new Array(5)
    konsole.log(arr1.fill(1)); //[1,1,1,1,1]
    var arr2 = [1, 2, 3, 4]
    console.log(arr2.fill(0)); //[0,0,0,0]

    // Wenn zwei Parameter übergeben werden, ist der erste Parameter das auszufüllende Element und der zweite die Startposition des ausgefüllten Elements var arr3 = [0, 1, 2, 3, 4, 5, 6]
    konsole.log(arr3.fill(1, 3)); //[0,1,2,1,1,1,1]

    // Wenn drei Parameter übergeben werden, ist der erste Parameter das auszufüllende Element, der zweite und dritte Parameter beziehen sich jeweils auf die Start- und Endposition des ausgefüllten Elements und das Endpositionselement wird nicht geändert var arr4 = [0, 1, 2, 3, 4, 5]
    Konsole.log(arr4.fill(1, 3, 5)); //[0,1,2,1,1,5]
    
    //Wenn die angegebene Start- oder Endposition eine negative Zahl ist, wird die Länge des Arrays dazu addiert, um die Endposition zu berechnen. Eine Startposition von -1 entspricht beispielsweise array.length-1
    var arr5 = [0, 1, 2, 3, 4, 5]
    Konsole.log(arr5.fill(1, -3));//[0,1,2,1,1,1]
    var arr6 = [0, 1, 2, 3, 4, 5]
    Konsole.log(arr6.fill(1, 3, -2));//[0,1,2,1,4,5]

3. Zusammenfassung

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er kann den Lesern etwas helfen und sie weiterbringen. Wenn es Ihnen passt, folgen Sie mir bitte. Xiaobais Wachstumspfad wird weiterhin einige häufige Probleme und technische Punkte bei der Arbeit aktualisieren.

Dies ist das Ende dieses Artikels über die Füllmethode „js array fill() . Weitere verwandte Inhalte zum Füllen von „js array fill() finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Vollständige Liste der Javascript-Array-Methoden
  • Konvertierung eines eindimensionalen JS-Arrays in ein dreidimensionales Array
  • Detailliertes Beispiel für JavaScript-Array-Methoden
  • Detaillierte Erklärung der JS-Array-Methoden
  • Detaillierte Erläuterung gängiger Methoden von JavaScript-Arrays
  • Lernen wir die Array-Methoden von Javascript kennen

<<:  Löschen Sie den Image-Vorgang von „none“ in Docker-Images

>>:  mysql8.0.23 msi Installation super ausführliches Tutorial

Artikel empfehlen

Flex-Layout erreicht feste Anzahl von Zeilen pro Zeile + adaptives Layout

Dieser Artikel stellt das Flex-Layout vor, um ein...

Lassen Sie sich das Funktionsprinzip von JavaScript erklären

Inhaltsverzeichnis Browserkernel JavaScript-Engin...

Analysieren Sie die Dauer von TIME_WAIT aus dem Linux-Quellcode

Inhaltsverzeichnis 1. Einleitung 2. Lassen Sie un...

Detaillierter Prozess zur Konfiguration von NIS in Centos7

Inhaltsverzeichnis Prinzip Vorbereitung der Netzw...

Analyse des Prozesses zum Aufbau einer Clusterumgebung mit Apache und Tomcat

Tatsächlich ist es nicht schwierig, einen Apache-...

Zusammenfassung der gebräuchlichen Buchstaben in Unicode

Die meisten der ersten Computer konnten nur ASCII...

Zusammenfassung der Fallstricke bei Virtualbox Centos7 NAT+Host-Only-Netzwerken

Inhaltsverzeichnis 1. Problemhintergrund 2. Welch...

Methode zum Erstellen eines Redis-Clusters basierend auf Docker

Laden Sie das Redis-Image herunter Docker-Pull yy...

Eine kurze Analyse der CSS-Selektorgruppierung

Selektorgruppierung Angenommen, Sie möchten, dass...

Detaillierte Beispiele für Docker-Compose-Netzwerke

Ich habe heute mit den Netzwerkeinstellungen unte...

Detaillierter Prozessbericht der Vue2-Initiierungsanfragen mit Axios

Inhaltsverzeichnis Vorwort Axios-Installation und...