Получаем последний элемент массива в JavaScript
Массив в JavaScript — это объект-контейнер, содержащий фиксированное количество значений одного типа. Длина массива, после его создания, останется постоянной. В данной статье мы рассмотрим различные методы доступа к последнему элементу массива.
Как получить последний элемент массива?
1 — Используем метод slice() массива для возврата определенного элемента.
2 — Извлекаем последний элемент, используя массив отрицательных индексов array.slice(-1).
3 — Сохраняем искомое значение в переменной.
Далее мы рассмотрим варианты реализации кода.
Использование свойства длины массива.
Свойство length возвращает количество элементов в массиве. Вычитание 1 из длины массива дает индекс последнего элемента массива, с помощью которого можно получить доступ к последнему элементу. Причина, по которой мы вычитаем 1 из длины, заключается в том, что в JavaScript нумерация индексов массива начинается с 0. т. е. индекс 1-го элемента будет равен 0. Поэтому индекс последнего элемента будет равен длине массива-1.
let array = [2, 4, 6, 8, 10, 12, 14, 16];
let lastElem = array[array.length — 1];
Использование метода slice().
Метод slice() возвращает определенные элементы из массива в виде нового объекта массива. Этот метод выбирает элементы, начинающиеся с заданного начального индекса и заканчивающиеся заданным конечным индексом, исключая элемент в конечном индексе. Метод slice() не изменяет существующий массив. Предоставление одного значения индекса возвращает элемент в этой позиции, а отрицательное значение индекса вычисляет индекс с конца массива.
let array = [2, 4, 6, 8, 10, 12, 14, 16];
let lastElem = array.slice(-1);
Использование метода pop().
Метод pop() извлекает/удаляет последний элемент массива и возвращает его. Этот метод изменяет длину массива.
let array = [2, 4, 6, 8, 10, 12, 14, 16];
let lastElem = array.pop();
Давайте теперь используем все три метода для массива, чтобы получить последний элемент и проверить, какой метод является самым быстрым:
let array = [2, 4, 6, 8, 10, 12, 14, 16];
console.time('array length property');
let lastElem = array[array.length — 1];
console.log(lastElem);
console.timeEnd('array length property');
console.time('array slice method');
let lastElem1 = array.slice(-1);
console.log(lastElem1);
console.timeEnd('array slice method');
console.time('array pop method');
let lastElem2 = array.pop();
console.log(lastElem2);
console.timeEnd('array pop method');
//16
//array length property: 7 ms
//[ 16 ]
//array slice method: 5 ms
//16
//array pop method: 2 ms
И как вы можете видеть, метод pop() является самым быстрым. Вы можете использовать его, если вас устраивает изменение массива. Если вы не хотите изменять массив, то используйте метод slice().
Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!
Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.
Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
Она выглядит вот так:
Комментарии ( 0 ):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.
Array.prototype.at()
Метод at() принимает значение в виде целого числа и возвращает элемент массива с данным индексом. В качестве аргумента метод принимает положительные и отрицательные числа. При отрицательном значении отсчёт происходит с конца массива.
Интерактивный пример
Синтаксис
Параметры
Индекс (позиция) элемента возвращаемого элемента массива. При передаче отрицательного индекса применяется относительная индексация с конца массива; например, при использовании отрицательного числа, возвращаемый элемент находится путём обратного отсчёта с конца массива.
Возвращаемое значение
Элемент массива, соответствующий переданному индексу. Если переданный индекс не может быть найден, возвращает undefined .
Описание
Метод at() является эквивиалентом получения элементов массива с помощью квадратных скобок с использованием неотрицательного индекса. Например, array[0] и array.at(0) оба вернут первый элемент. Однако, при вычислении значения с конца массива, нельзя использовать array[-1] как в Python или R, потому что все значения внутри квадратных скобок трактуются буквально как строковые свойства. Из-за этого попытка обращения к -1 элементу будет прочитана как array[«-1»] , что является нормальным строковым значением, а не индексом массива.
Обычной практикой является получении числа элементов массива length и последующее вычисление значения индекса — например, array[array.length — 1] . Метод at() разрешает относительную индексацию, поэтому может быть сокращено до array.at(-1) .
Метод at() — это generic. Он ожидает только, что значение this будет иметь свойство length и свойства с числовыми ключом.
Примеры
Возврат последнего элемента массива
В следующем примере представлена функция, которая возвращает последний элемент переданного массива
Сравнение методов
В этом примере сравниваются разные способы выбора предпоследнего элемента массива . Хотя все приведённые ниже способы являются допустимыми, наиболее кратким и наглядным является использование метода at() .
Вызов at() в массивоподобных объектах
Метод at() считывает свойство length для значения this и вычисляет индекс для обращения.
Как найти последний элемент массива
// Assign the five oceans to five variables
const ocean1 = «Pacific»;
const ocean2 = «Atlantic»;
const ocean3 = «Indian»;
const ocean4 = «Arctic»;
const ocean5 = «Antarctic»;
// Print out the first item of the oceans array
oceans[0];
Pacific
- Через литерал массива, который использует квадратные скобки.
- Через конструктор массива, в котором используется новое ключевое слово.
// Initialize array of shark species with array literal
let sharks = [
«Hammerhead»,
«Great White»,
«Tiger»,
];
// Initialize array of shark species with array constructor
let sharks = new Array(
«Hammerhead»,
«Great White»,
«Tiger»,
);
// Print out the entire sharks array
sharks;
[ ‘Hammerhead’, ‘Great White’, ‘Tiger’ ]
Получить последний элемент массива в JavaScript
В этом посте мы обсудим, как получить последний элемент массива в JavaScript.
1. Использование [] оператор
Рекомендуемое решение для получения любого элемента массива — использование [] оператор. Чтобы получить последний элемент, просто передайте его индекс в [] оператора, как показано ниже:
2. Использование присваивания деструктуризации
Другим хорошим решением является использование Присвоение деструктуризации синтаксис для получения последнего элемента массива. Следующий пример кода демонстрирует его использование:
3. Использование Array.prototype.pop() функция
The pop() метод возвращает последний элемент из массива, но также удаляет его из массива. Чтобы избежать изменения исходного массива, рассмотрите возможность создания копии массива перед вызовом pop() метод. Вы можете сделать это двумя способами:
⮚ Нарезка
⮚ Оператор спреда ES6
4. Использование библиотеки Underscore/Lodash
Кроме того, с библиотекой Underscore или Lodash JavaScript вы можете использовать параметр no-arg. _.last метод, который возвращает последний элемент массива.
5. Использование jQuery
С помощью jQuery вы можете передать индекс -1 к .get(index) чтобы получить последний элемент.
Вот и все, что касается получения последнего элемента массива в JavaScript.
Оценить этот пост
Средний рейтинг 4 /5. Подсчет голосов: 18
Голосов пока нет! Будьте первым, кто оценит этот пост.
Сожалеем, что этот пост не оказался для вас полезным!
Расскажите, как мы можем улучшить этот пост?
Спасибо за чтение.
Пожалуйста, используйте наш онлайн-компилятор размещать код в комментариях, используя C, C++, Java, Python, JavaScript, C#, PHP и многие другие популярные языки программирования.
Как мы? Порекомендуйте нас своим друзьям и помогите нам расти. Удачного кодирования ��