Як отримати останній елемент масиву?
1. Через індекс length - 1 (класичний спосіб)
Це найуніверсальніший спосіб, і він працює всюди
javascript
const fruits = ["apple", "banana", "cherry"];
const last = fruits[fruits.length - 1];
console.log(last); // "cherry"length- довжина масиву.- Оскільки індексація починається з
0, останній елемент знаходиться за індексомlength - 1.
2. Через метод .at(-1) (сучасний, ES2022+)
Красивіший і зрозуміліший спосіб
javascript
const fruits = ["apple", "banana", "cherry"];
console.log(fruits.at(-1)); // "cherry"Переваги:
-
Можна використовувати від'ємні індекси, як у Python.
-
Працює і з масивами, і з рядками:
javascript"hello".at(-1); // "o"
Підтримується у Node.js 16+ і сучасних браузерах.
3. За допомогою .slice(-1)
javascript
const fruits = ["apple", "banana", "cherry"];
console.log(fruits.slice(-1)); // ["cherry"]
console.log(fruits.slice(-1)[0]); // "cherry"slice(-1)повертає новий масив з останнього елемента.- Щоб отримати сам елемент, потрібно
[0].
4. За допомогою деструктуризації (ES6+)
Якщо потрібно саме дістати останній елемент красиво
javascript
const fruits = ["apple", "banana", "cherry"];
const [last] = fruits.slice(-1);
console.log(last); // "cherry"Коротко:
| Спосіб | Код | Повертає | Примітка |
|---|---|---|---|
| Індекс | arr[arr.length - 1] | елемент | працює всюди |
.at(-1) | arr.at(-1) | елемент | сучасний |
.slice(-1)[0] | елемент | створює новий масив | |
| Деструктуризація | const [last] = arr.slice(-1) | елемент | елегантно, ES6 |
Висновок: Для кросбраузерності - використовуй
arr[arr.length - 1]. Для сучасного коду -arr.at(-1)виглядає значно чистіше.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.