JavaScript at()Methode
JavaScript Array-ObjektBeispiel
Nimmt einen Ganzzahlwert entgegen und gibt das Element an diesem Index zurück:
Selbst ausprobieren »
Definition und Verwendung
Die at()-Methode nimmt einen ganzzahligen Wert entgegen und gibt das Element an diesem Index zurück, wobei positive und negative ganze Zahlen zulässig sind. Negative ganze Zahlen zählen vom letzten Element im Array rückwärts.
Gibt das Element im Array zurück, das dem angegebenen Index entspricht. Wenn der angegebene Index nicht gefunden wird, gibt sie undefined zurück.
Wenn eine nicht negative Zahl übergeben wird, ist die at()-Methode gleichbedeutend mit der Klammernotation. Zum Beispiel array
Üblicherweise greift man auf length zu und subtrahiert den relativen Index vom Ende. Zum Beispiel array[array.length - 1]. Die at()-Methode ermöglicht relative Indexierung, daher kann das obige Beispiel zu array.at(-1) vereinfacht werden. Formal ausgedrückt: Wenn index < 0, greift die Methode auf den Index index + array.length zu.
Die at()-Methode ist generisch. Sie erwartet nur, dass this eine length-Eigenschaft und Eigenschaften mit ganzzahligen Schlüsseln hat.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Methode vollständig unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| at() | 45.0 | 12.0 | 32.0 | 9 | 25.0 |
Syntax
at(index)
Parameters
| Parameter | Beschreibung |
| index | Der Index (die Position) des zurückzugebenden Array-Elements. Wenn eine negative Zahl übergeben wird, wird die relative Indexierung vom Ende des Arrays unterstützt; das heißt, wenn eine negative Zahl verwendet wird, wird das zurückgegebene Element vom Ende des Arrays rückwärts gezählt. |
Technische Details
| Rückgabewert: | Element. |
| JavaScript-Version: | ECMAScript 6 |
Weitere Beispiele
Gibt den letzten Wert eines Arrays zurück:Das folgende Beispiel bietet eine Funktion, die das letzte in einem angegebenen Array gefundene Element zurückgibt.
Beispiel
const cart = ['apple', 'banana', 'pear'];
// Eine Funktion, die das letzte Element eines gegebenen Arrays zurückgibt
function returnLast(arr) {
return arr.at(-1);
}
// Das letzte Element des 'cart'-Arrays abrufen
const item1 = returnLast(cart);
console.log(item1); // Ausgabe: 'pear'
// Ein Element zum 'cart'-Array hinzufügen
cart.push('orange');
const item2 = returnLast(cart);
console.log(item2); // Ausgabe: 'orange'
Vergleiche verschiedene Array-Methoden:Das folgende Beispiel vergleicht verschiedene Möglichkeiten, das vorletzte Element eines Arrays auszuwählen. Während alle unten gezeigten Methoden gültig sind, hebt dieses Beispiel die Prägnanz und Lesbarkeit der at()-Methode hervor.
Beispiel
const colors = ['red', 'green', 'blue'];
// Verwenden der length-Eigenschaft
const lengthWay = colors[colors.length-2];
console.log(lengthWay); // Ausgabe: 'green'
// Verwenden der slice()-Methode. Beachten Sie, dass sie ein Array zurückgibt
const sliceWay = colors.slice(-2, -1);
console.log(sliceWay[0]); // Ausgabe: 'green'
// Verwenden der at()-Methode
const atWay = colors.at(-2);
console.log(atWay); // Ausgabe: 'green'
Aufruf von at() auf Nicht-Array-Objekten: Die at()-Methode liest die length-Eigenschaft von this und berechnet den Index für den Zugriff.
Beispiel
length: 2,
0: "a",
1: "b",
};
console.log(Array.prototype.at.call(arrayLike, -1)); // "b"
Andere Erweiterungen