Detaillierte Erläuterung der Verwendung der Funktion Array.copyWithin() in ES6

ES6 fügt Array die Funktion copyWithin hinzu, mit der das aktuelle Array selbst bedient und Elemente an bestimmten Positionen an andere Positionen kopiert und überschrieben werden. Das Folgende konzentriert sich auf die Einführung der Verwendung der Funktion Array.copyWithin() in ES6. Freunde, die sie benötigen, können darauf verweisen

ES6 fügt die Funktion copyWithin zu Array hinzu, die zum Betreiben des aktuellen Arrays selbst verwendet wird um bestimmte Positionen zu kopieren. Das Element wird kopiert und an anderer Stelle überlagert.

Array.prototype.copyWithin(target, start = 0, end = this.length)

Diese Funktion hat drei Parameter.

Ziel: Ziel-Startposition.

Start: Die Startposition der Kopierquelle, die weggelassen werden kann oder eine negative Zahl ist.

Ende: Die Endposition der Kopierquelle, die weggelassen werden kann, oder eine negative Zahl. Die tatsächliche Endposition ist Ende-1.

Beispiel:

Kopieren und überschreiben Sie das 3. Element (beginnend bei 0) in das 5. Element, beginnend mit der 1. Position.

Der rote Block unten ist die Startposition des Kopierziels und der gelbe Block ist die Kopierquelle.

const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
arr1.copyWithin(1, 3, 6)
console.log('%s', JSON.stringify(arr1))

Ergebnis:

[1,4,5,6,5,6,7,8,9,10,11]

Sowohl Anfang als auch Ende können weggelassen werden.

Start weggelassen bedeutet, dass bei 0 begonnen wird, end weggelassen bedeutet, dass es sich um den Längenwert des Arrays handelt.

Wenn die Zielposition nicht ausreicht, decken Sie so viel wie möglich ab.

const arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
arr2.copyWithin(3)
console.log('%s', JSON.stringify(arr2))

Ergebnis:

[1,2,3,1,2,3,4,5,6,7,8]

Sowohl Anfang als auch Ende können negative Zahlen sein, und die negative Zahl gibt die von rechts gezählte Zahl an.

const arr3 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
arr3.copyWithin(3, -3, -2)
console.log('%s', JSON.stringify(arr3))

Ergebnis:

[1,2,3,9,5,6,7,8,9,10,11]

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der Funktion Array.copyWithin() in ES6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!