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

Das WeChat-Applet realisiert den Effekt des Siebschüttelns

In diesem Artikel wird der spezifische Code des W...

Detaillierte Erklärung gängiger Befehle in MySQL 8.0+

Aktivieren Sie den Fernzugriff Aktivieren Sie die...

Detaillierte Erläuterung des Excel-Parsings und -Exports basierend auf Vue

Inhaltsverzeichnis Vorwort Grundlegende Einführun...

Detaillierte Erläuterung der Beispiele für CSS-Gewichtswerte (Kaskadierung)

•Es gibt viele Selektoren in CSS. Was passiert, w...

Der Prozess der schnellen Konvertierung eines MySQL-Left-Joins in einen Inner-Join

Während des täglichen Optimierungsprozesses stell...

So rufen Sie das unterbrochene System in Linux auf

Vorwort Langsame Systemaufrufe beziehen sich auf ...

Erfahrungsaustausch durch einen Frontend-Supervisor mit 7 Jahren Praxiserfahrung

Heute teile ich die wertvollen Erfahrungen eines ...

So testen Sie die Netzwerkgeschwindigkeit mit JavaScript

Inhaltsverzeichnis Vorwort Zusammenfassung des Pr...