Как работает метод at? Чем он отличается от прямого индекса?

const arr = ['a', 'b', 'c'];
 
// Прямой индекс
console.log(arr[0]);  // 'a'
console.log(arr[-1]); // undefined ❌
 
// Метод at
console.log(arr.at(0));  // 'a'
console.log(arr.at(-1)); // 'c' ✅ (последний элемент)

const fruits = ['яблоко', 'банан', 'апельсин'];
 
// Прямой индекс
console.log(fruits[0]);  // 'яблоко' (первый)
console.log(fruits[2]);  // 'апельсин' (третий)
 
// Отрицательные индексы не работают
console.log(fruits[-1]); // undefined ❌
console.log(fruits[-2]); // undefined ❌

const fruits = ['яблоко', 'банан', 'апельсин'];
 
// Положительные индексы — как обычно
console.log(fruits.at(0));  // 'яблоко' (первый)
console.log(fruits.at(2));  // 'апельсин' (третий)
 
// Отрицательные — с конца!
console.log(fruits.at(-1)); // 'апельсин' (последний) ✅
console.log(fruits.at(-2)); // 'банан' (предпоследний) ✅

const arr = ['a', 'b', 'c', 'd'];
 
// -1 — последний элемент
console.log(arr.at(-1)); // 'd'
 
// -2 — предпоследний
console.log(arr.at(-2)); // 'c'
 
// -3 — третий с конца
console.log(arr.at(-3)); // 'b'
 
// Формула: arr.at(-n) = arr[arr.length - n]

// ✅ Удобно для последних элементов
const scores = [85, 92, 78, 96];
 
// Вместо этого:
console.log(scores[scores.length - 1]); // 96
 
// Можно так:
console.log(scores.at(-1)); // 96 ✅

// ✅ Удобно с переменными
const arr = [1, 2, 3, 4, 5];
const index = -2; // Отрицательный индекс
 
console.log(arr.at(index)); // 4 (второй с конца)

const arr = ['a', 'b', 'c'];
 
// ❌ Ошибка — думают, что отрицательные работают
console.log(arr[-1]);    // undefined
 
// ✅ Правильно — использовать at()
console.log(arr.at(-1)); // 'c'

const arr = ['a', 'b', 'c'];
 
// ❌ Не используем преимущества at()
console.log(arr.at(0)); // 'a' — можно просто arr[0]
 
// ✅ Используем по назначению
console.log(arr.at(-1)); // 'c' — только через at()