Spezifische Verwendung der ES6-Array-Kopier- und Füllmethoden copyWithin() und fill()

Was haben copyWithin() und fill() gemeinsam?

• Sie müssen den Bereich einer Array-Instanz angeben: einschließlich des Startindex und ausschließlich des Endindex.
• Durch die Verwendung dieser Methode wird der Array-Inhalt geändert, jedoch nicht die Größe des Arrays.

Stapelkopie copyWithin()

• Die Methode copyWithin() wird verwendet, um Elemente von einer angegebenen Position in einem Array an eine andere angegebene Position im Array zu kopieren.
• copyWithin() kopiert den Inhalt des Arrays oberflächlich innerhalb des angegebenen Bereichs und fügt ihn beginnend beim angegebenen Index ein.

Grammatik

array.copyWithin(Ziel, Start, Ende)

Parameter:

Rückgabewert: Gibt das kopierte Array zurück

Codebeispiel:

// Kopiere die ersten beiden Elemente des Arrays in die letzten beiden Elemente:
var fruits = ["Banane", "Orange", "Apfel", "Mango"]; 
fruits.copyWithin(2, 0);//Banane,Orange,Banane,Orange

// Die ersten beiden Elemente des Arrays an die dritte und vierte Position kopieren:
var fruits = ["Banane", "Orange", "Apfel", "Mango", "Kiwi", "Papaya"]; 
fruits.copyWithin(2, 0, 2); //Banane,Orange,Banane,Orange,Kiwi,Papaya

Array-Füllmethode fill()

Die Methode fill() wird verwendet, um die Elemente eines Arrays durch einen festen Wert zu ersetzen.

Grammatik:

array.fill(Wert, Start, Ende)

Parameter:

Rückgabewert: Array

Codebeispiel:

//Fülle „Runoob“ bis zu den letzten beiden Elementen des Arrays auf:
var fruits = ["Banane", "Orange", "Apfel", "Mango"]; 
Früchte.füllen("Runoob", 2, 4); //[ "Banane", "Orange", "Runoob", "Runoob" ]

// Füllen Sie das Array mit festen Werten:
var fruits = ["Banane", "Orange", "Apfel", "Mango"]; 
Früchte.füllen("Runoob");//Runoob,Runoob,Runoob,Runoob

In Bezug auf die Berechnungsmethode des Index sind beide Methoden gleich

• Der Startindex wird verwendet, um die Position anzugeben, an der mit dem Füllen begonnen werden soll; er ist optional.
• Wenn kein Endindex angegeben ist, wird das Array bis zum Ende gefüllt.
• Negative Indizes werden vom Ende des Arrays aus gezählt. Sie können sich einen negativen Index auch als die Länge des Arrays plus einen positiven Index vorstellen.
• Außerhalb des Arrays liegende Indexbereiche, Indexbereiche mit der Länge Null und Indexbereiche in umgekehrter Richtung werden stillschweigend ignoriert.

Codebeispiel:

Konstante Nullen = [0,0,0,0,0];

//Fülle die Elemente mit Index größer oder gleich 3 mit 6 Nullen.fill(6, 3);//[0,0,0,6,6]
zeroes.fill(0); //Zurücksetzen //Fülle die Elemente mit einem Index größer oder gleich 1 und kleiner als 3 mit 7 zeroes.fill(7,1,3); //[0,7,7,0,0]
zeroes.fill(0); //Zurücksetzen //Elemente mit einem Index größer oder gleich 1 und kleiner als 4 mit 8 füllen //(-4+zeroes.length=1) (-1+zeroes.length=4)
Nullen.füllen(8,-4,-1); //[0,8,8,8,0]

//Index ist zu niedrig, ignoriere Nullen.fill(1,-10,-6);//[0,0,0,0,0]
//Index zu hoch, Nullen werden ignoriert.fill(1,10,15);//[0,0,0,0,0]
//Index umgekehrt, Nullen ignorieren.fill(2,4,2);//[0,0,0,0,0]
//Der Indexteil ist verfügbar, fülle den verfügbaren Teil auf zeroes.fill(4,3,10);//[0,0,0,4,4]

Damit ist dieser Artikel über die spezifische Verwendung der ES6-Kopier- und Füllmethoden copyWithin() und fill() abgeschlossen. Weitere Informationen zu ES6 copyWithin() und fill() finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!