Array.prototype.slice()

start Optional

Nullbasierter Index, ab dem die Extraktion beginnt, in eine ganze Zahl umgewandelt.

• Ein negativer Index zählt vom Ende des Arrays rückwärts — Wenn -array.length <= start < 0, wird start + array.length verwendet.
• Wenn start < -array.length oder start weggelassen wird, wird 0 verwendet.
• Wenn start >= array.length ist, wird ein leeres Array zurückgegeben.

end Optional

Nullbasierter Index, bei dem die Extraktion endet, in eine ganze Zahl umgewandelt. slice() extrahiert bis, aber nicht einschließlich end.

• Ein negativer Index zählt vom Ende des Arrays rückwärts — Wenn -array.length <= end < 0, wird end + array.length verwendet.
• Wenn end < -array.length, wird 0 verwendet.
• Wenn end >= array.length ist oder end weggelassen oder undefined ist, wird array.length verwendet, wodurch alle Elemente bis zum Ende extrahiert werden.
• Wenn end eine Position vor oder an der Position impliziert, die start impliziert, wird ein leeres Array zurückgegeben.

Ein neues Array, das die extrahierten Elemente enthält.

Die slice() Methode ist eine Kopiermethode. Sie verändert this nicht, sondern gibt eine flache Kopie zurück, die einige der gleichen Elemente wie die aus dem ursprünglichen Array enthält.

Die slice() Methode bewahrt leere Plätze. Wenn der geschnittene Teil spärlich ist, ist auch das zurückgegebene Array spärlich.

Die slice() Methode ist generisch. Sie erwartet nur, dass der this Wert eine length Eigenschaft und integer-basierte Schlüssel-Eigenschaften hat.

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);

// fruits contains ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']
// citrus contains ['Orange','Lemon']

In diesem Beispiel extrahiert slice(1, 3) Elemente vom Index 1 bis, aber nicht einschließlich, Index 3, was zu einem neuen Array ['Orange', 'Lemon'] führt.

const fruits = ["Apple", "Banana", "Orange", "Mango", "Pineapple"];

const tropical = fruits.slice(2);
console.log(tropical); // ['Orange', 'Mango', 'Pineapple']

In diesem Beispiel extrahiert slice(2) Elemente vom Index 2 bis zum Ende des Arrays.

const fruits = ["Apple", "Banana", "Orange", "Mango", "Pineapple"];

const lastTwo = fruits.slice(-2);
console.log(lastTwo); // ['Mango', 'Pineapple']

In diesem Beispiel extrahiert slice(-2) die letzten beiden Elemente des Arrays. Wenn Sie einen negativen Index mit der slice Methode verwenden, werden negative Indizes vom Ende des Arrays gezählt, beginnend bei -1 für das letzte Element, -2 für das vorletzte Element und so weiter. Der negative Index -2 selbst wird einbezogen, da er der Ausgangspunkt der Extraktion ist.

|     |     |     |     |     |
|  S  |  L  |  I  |  C  |  E  |
|     |     |     |     |     |
  -5    -4    -3    -2    -1

<--- read from reverse

const fruits = ["Apple", "Banana", "Orange", "Mango", "Pineapple"];

// Using positive start index and negative end index
const sliceExample = fruits.slice(1, -1);
console.log(sliceExample); // ['Banana', 'Orange', 'Mango']

In diesem Beispiel beginnt slice(1, -1) mit der Extraktion von Index 1 und geht bis, aber nicht einschließlich, des Elements bei Index -1 (welches das letzte Element ist). Dies führt zu einem neuen Array mit ['Banana', 'Orange', 'Mango']. Die slice Methode schließt das Element am letzten angegebenen Index immer aus, unabhängig davon, ob er positiv oder negativ ist.

read from start --->

   0     1     2     3     4
|     |     |     |     |     |
|  S  |  L  |  I  |  C  |  E  |
|     |     |     |     |     |
  -5    -4    -3    -2    -1

<--- read from reverse

Im folgenden Beispiel erstellt slice ein neues Array, newCar, aus myCar. Beide enthalten einen Verweis auf das Objekt myHonda. Wenn die Farbe von myHonda auf lila geändert wird, reflektieren beide Arrays die Änderung.

// Using slice, create newCar from myCar.
const myHonda = {
  color: "red",
  wheels: 4,
  engine: { cylinders: 4, size: 2.2 },
};
const myCar = [myHonda, 2, "cherry condition", "purchased 1997"];
const newCar = myCar.slice(0, 2);

console.log("myCar =", myCar);
console.log("newCar =", newCar);
console.log("myCar[0].color =", myCar[0].color);
console.log("newCar[0].color =", newCar[0].color);

// Change the color of myHonda.
myHonda.color = "purple";
console.log("The new color of my Honda is", myHonda.color);

console.log("myCar[0].color =", myCar[0].color);
console.log("newCar[0].color =", newCar[0].color);

Dieses Skript schreibt:

myCar = [
  { color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } },
  2,
  'cherry condition',
  'purchased 1997'
]
newCar = [ { color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } }, 2 ]
myCar[0].color = red
newCar[0].color = red
The new color of my Honda is purple
myCar[0].color = purple
newCar[0].color = purple

Die slice() Methode liest die length Eigenschaft von this. Sie liest dann die integer-basierte Eigenschaft von start bis end und definiert sie auf einem neu erstellten Array.

const arrayLike = {
  length: 3,
  0: 2,
  1: 3,
  2: 4,
  3: 33, // ignored by slice() since length is 3
};
console.log(Array.prototype.slice.call(arrayLike, 1, 3));
// [ 3, 4 ]

Die slice() Methode wird häufig mit bind() und call() verwendet, um eine Hilfsmethode zu erstellen, die ein array-ähnliches Objekt in ein Array umwandelt.

// slice() is called with `this` passed as the first argument
const slice = Function.prototype.call.bind(Array.prototype.slice);

function list() {
  return slice(arguments);
}

const list1 = list(1, 2, 3); // [1, 2, 3]

Das von slice() zurückgegebene Array kann spärlich sein, wenn die Quelle spärlich ist.

console.log([1, 2, , 4, 5].slice(1, 4)); // [2, empty, 4]

• Polyfill von Array.prototype.slice in core-js
• es-shims Polyfill von Array.prototype.slice
• Indizierte Sammlungen Leitfaden
• Array
• Array.prototype.pop()
• Array.prototype.shift()
• Array.prototype.concat()
• Array.prototype.splice()
• TypedArray.prototype.slice()
• String.prototype.slice()