Получить первый элемент массива (JavaScript)
Первый элемент массива можно получить несколькими способами. При помощи метода массива .shift() , матода .slice() и получение нулевого элемента массива (если знаем что таковой имеется).
.shift()
У массива в яваскрипте определен метод .shift() , который извлекает и возвращает первый элемент массива. Соответственно после извлечения — элемент пропадает из массива.
Пример
// массив var arr = [‘this’, ‘is’, ‘an’, ‘array’]; alert(arr.shift()); // this // Массив arr теперь состоит из элементов: is, an, array
.slice()
Функция .slice(start[, end] ) формирует новый массив из текущих элементов. Начиная с элемента со значением ключа start и до конца массива или до элемента с ключом end , если передан соответствующий параметр end .
Пример
// массив var arr = [‘this’, ‘is’, ‘an’, ‘array’]; alert(arr.slice(0, 1)[0]); // this // Массив arr как и прежде состоит из 4 элементов: this, is, an, array
Нулевой элемент
Если известно, что массив имеет элемент с нулевым ключом, то и получаем этот элемент соответствующим образом.
Пример
// массив var arr = [‘this’, ‘is’, ‘an’, ‘array’]; alert(arr[0]); // this
✖ ❤ Мне помогла статья нет оценок
22290 просмотров нет комментариев Артём Фёдоров 14 декабря 2012
Категории
Читайте также
- Случайный элемент массива (JavaScript)
- Получить первое значение массива (PHP)
- Как удалить элемент ассоциативного массива (JavaScript)
- Получить последнее значение массива (PHP)
- Получить последовательность элементов массива (PHP)
- Найти и удалить элемент массива (PHP)
- Количество элементов ассоциативного массива (JavaScript)
- Ассоциативный массив в JavaScript
- Получить массив ключей (PHP)
- Массив уникальных значений (JavaScript)
- Элементы массива в случайном порядке (PHP)
- Поменять местами 2 элемента массива (PHP)
Комментарии
Написать комментарий
© Экспэнч 2010-2023
При полном или частичном копировании статей сайта указывайте пожалуйста ссылку на источник
Хотите узнать больше информации, пишите на: artem@expange.ru
Вход на сайт
Введите данные указанные при регистрации:
Социальные сети
Вы можете быстро войти через социальные сети:
Получить первый элемент массива в JavaScript
В этом посте мы обсудим, как получить первый элемент массива в JavaScript.
1. Использование [] оператор
Простое и довольно эффективное решение для извлечения первого элемента массива в JavaScript — это использование [] оператор. Этот метод продемонстрирован ниже:
var arr = [ 1 , 2 , 3 , 4 , 5 ] ;
var first = arr [ 0 ] ;
console . log ( first ) ;
результат: 1
2. Использование Array.prototype.shift() функция
The shift() метод возвращает первый элемент из массива, но также удаляет его из массива. Чтобы избежать изменения исходного массива, вы можете создать копию массива перед вызовом метода shift() метод. Вы можете сделать это двумя способами:
⮚ Нарезка
var arr = [ 1 , 2 , 3 , 4 , 5 ] ;
var first = arr . slice ( 0 , 1 ) . shift ( ) ;
console . log ( first ) ;
результат: 1
⮚ Оператор спреда ES6
var arr = [ 1 , 2 , 3 , 4 , 5 ] ;
var first = [ . . . arr ] . shift ( ) ; // затратно для больших массивов
console . log ( first ) ;
результат: 1
3. Использование присваивания деструктуризации
В качестве альтернативы вы можете использовать Присвоение деструктуризации синтаксис для получения первого элемента массива.
var arr = [ 1 , 2 , 3 , 4 , 5 ] ;
const [ first ] = arr ;
console . log ( first ) ;
результат: 1
4. Использование jQuery
С помощью jQuery вы можете передать индекс 0 в .get(index) для получения первого элемента.
const < JSDOM >= require ( «jsdom» ) ;
const < window >= new JSDOM ( ) ;
var $ = require ( «jquery» ) ( window ) ;
var arr = [ 1 , 2 , 3 , 4 , 5 ] ;
var first = $ ( arr ) . get ( 0 ) ;
console . log ( first ) ;
результат: 1
5. Использование библиотеки Underscore/Lodash
Кроме того, с библиотекой Underscore JavaScript вы можете использовать _.first метод, который просто возвращает первый элемент массива, если аргументы не указаны. Его псевдонимы _.head а также _.take также можно использовать.
var _ = require ( ‘underscore’ ) ;
var arr = [ 1 , 2 , 3 , 4 , 5 ] ;
var first = _ . first ( arr ) ;
console . log ( first ) ;
результат: 1
Точно так же Lodash имеет _.head метод, который возвращает первый элемент массива. Его псевдоним _.first также можно использовать.
var _ = require ( ‘lodash’ ) ;
var arr = [ 1 , 2 , 3 , 4 , 5 ] ;
var first = _ . head ( arr ) ;
console . log ( first ) ;
результат: 1
Вот и все, что касается получения первого элемента массива в JavaScript.
Оценить этот пост
Средний рейтинг 4.37 /5. Подсчет голосов: 38
Голосов пока нет! Будьте первым, кто оценит этот пост.
Сожалеем, что этот пост не оказался для вас полезным!
Расскажите, как мы можем улучшить этот пост?
Спасибо за чтение.
Пожалуйста, используйте наш онлайн-компилятор размещать код в комментариях, используя C, C++, Java, Python, JavaScript, C#, PHP и многие другие популярные языки программирования.
Как мы? Порекомендуйте нас своим друзьям и помогите нам расти. Удачного кодирования 🙂
Подписывайся
3 Комментарии
Большинство голосов
Новейшие Самый старый
Встроенные отзывы
Просмотреть все комментарии
Просмотр комментариев
Загрузить больше комментариев
Просматривать
Подпишитесь на новые публикации
- Все проблемы
- Практика DSA
- 100 самых популярных задач
- 50 лучших классических задач
- Лучшие алгоритмы
- Компилятор С/С++
- Компилятор Java
- Компилятор Python
- Компилятор JavaScript
- компилятор PHP
- Компилятор C#
- Свяжитесь с нами
- Политика конфиденциальности
- условия обслуживания
- Подпишитесь на новые публикации
Techie Delight © 2023 Все права защищены.
Этот веб-сайт использует файлы cookie. Используя этот сайт, вы соглашаетесь с использованием файлов cookie, нашей политикой, условиями авторского права и другими условиями. Читайте наши Политика конфиденциальности. Понятно
Как получить первый элемент массива в php
Итак, у нас есть массив $arr и нужно получить первый элемент этого массива.
Нельзя просто сделать так:
$first = $arr[0];
Элемент с индексом 0 может быть просто не определен. Например в случае если массив ассоциативный, либо мы сделали unset($arr[0]) .
Способ 1
$first = reset($arr);
Используя reset мы получаем первый элемент, однако есть один побочный эффект: указатель массива также сбрасывается на первый элемент. Хотя в принципе эта функция и предназначена для сброса указателя. Документация по функции reset().
Обратите внимание: если массив пустой reset() вернет false , и этот результат будет неотличим от случая, когда массив не пустой, но содержит false в качестве первого элемента.
$a = array(); $b = array(false, true, true); var_dump(reset($a) === reset($b)); //bool(true)
Способ 2
Можно воспользоваться функцией array_shift — она извлекает первый элемент и при этом удаляет его из переданного массива. Документация по array_shift().
$first = array_shift($arr);
Способ 3
Написать свою функцию для этих целей:
function array_first($array, $default = null) < foreach ($array as $item) < return $item; >return $default; >
Преимущество в том, что она не меняет исходный массив. Также вы можете передать параметр $default , который будет использоваться в качестве значения по умолчанию, если массив пустой.
Кстати во фреймворке Laravel эта функция уже определена и позволяет указать еще и callback, в который можно передать условие. Можно например взять первый элемент, который больше 10 или первый элемент, который не является числом.
Вот код более совершенной функции:
function array_first($array, callable $callback = null, $default = null) if (is_null($callback)) < if (empty($array)) < return $default instanceof Closure ? $default() : $default; >foreach ($array as $item) < return $item; >> foreach ($array as $key => $value) < if (call_user_func($callback, $value, $key)) < return $value; >> return $default instanceof Closure ? $default() : $default; >
Ее можно использовать например так:
$array = [100, 200, 300]; $first = array_first($array, function ($value, $key) < return $value >= 150; >); echo $first; // 200
Способ 4
Функция current() также пригодна для получения первого элемента массива.
Пример использования:
$transport = array('foot', 'bike', 'car', 'plane'); $mode = current($transport); // $mode = 'foot';
Точнее эта функция используется для возвращения элемента, на котором находится внутренний указатель массива. В большинстве случаев указатель на первом элементе, однако есть ситуации, когда может быть возвращен не первый элемент.
$transport = array('foot', 'bike', 'car', 'plane'); next($transport); // перемещаем указатель вперед (http://php.net/manual/ru/function.next.php) $mode = current($transport); // $mode = 'bike'; — т. е. вернулся уже второй элемент массива.
Спасибо комментатору Alexey Berlinskiy, за этот способ.
Если вы еще знаете способы получения первого элемента — пишите в комментариях.
JavaScript | Как получить первый элемент массива?
Чтобы получить первый элемент массива, нужно обратиться к его нулевому индексу (индексу со значением «0»). Хочу напомнить, что массивы в JavaScript являются индексными коллекциями. По сути любой массив можно назвать объектом, у которого в парах «ключ/значение» ключами являются целые положительные числа начиная от 0.
Под индексом «0» всегда будет располагаться первый элемент массива.
Так исторически сложилось, что индексы массивов в JavaScript начинаются с нуля, а не с единицы. То есть если нам нужен 22 элемент массива, то мы обратимся к индексу 21. Это неудобно, но нужно привыкнуть.
Для примера возьмём такой именованный массив:
var massiv = ["ффф","ыыы","ввв","ааа","ппп","ррр","ооо","ллл"]
Визуально мы понимаем, что первый элемент массива — это «ффф» .
Видео инструкция
В этом видео приводится пример получения первого элемента массива JavaScript, созданного при помощи квадратных скобок. Ввод команд осуществляется в консоль браузера Google Chrome. Результат виден сразу.
Давайте попробуем дотянуться до значения первого элемента массива при помощи языковых конструкций JavaScript.
massiv[0]
Что мы сделали? Мы записали название массива — massiv . Потом мы добавили к названию массива квадратные скобки — massiv []. Потом в квадратных скобках мы указали нулевой индекс (первый элемент) — massiv [0]. Такая форма записи вернёт нам первый элемент массива «ффф» .
Как быть с безымянным массивом — анонимным? Для аналогии возьмём точно такой же массив:
["ффф","ыыы","ввв","ааа","ппп","ррр","ооо","ллл"][0]
Мы не присваиваем массиву имени, а сразу обращаемся к его нулевому индексу. Визуально мы получаем квадратные скобки которые контактируют с другими квадратными скобками. В левых скобках у нас сам массив, а в правых скобках у нас лежит желаемое значение индекса, который по итогу вернёт нам нужное значение элемента — «ффф» .