JavaScript | Как получить первый элемент массива?

Чтобы получить первый элемент массива, нужно обратиться к его нулевому индексу (индексу со значением «0»). Хочу напомнить, что массивы в JavaScript являются индексными коллекциями. По сути любой массив можно назвать объектом, у которого в парах «ключ/значение» ключами являются целые положительные числа начиная от 0.

Под индексом «0» всегда будет располагаться первый элемент массива.

Так исторически сложилось, что индексы массивов в JavaScript начинаются с нуля, а не с единицы. То есть если нам нужен 22 элемент массива, то мы обратимся к индексу 21. Это неудобно, но нужно привыкнуть.

Для примера возьмём такой именованный массив:

var massiv = ["ффф","ыыы","ввв","ааа","ппп","ррр","ооо","ллл"]

Визуально мы понимаем, что первый элемент массива — это «ффф».

Массив длиной 8 с индексами от 0 до 7 - JavaScript
Массив длиной 8 с индексами от 0 до 7 — JavaScript

Видео инструкция

В этом видео приводится пример получения первого элемента массива JavaScript, созданного при помощи квадратных скобок. Ввод команд осуществляется в консоль браузера Google Chrome. Результат виден сразу.

Давайте попробуем дотянуться до значения первого элемента массива при помощи языковых конструкций JavaScript.

massiv[0]

Что мы сделали? Мы записали название массива — massiv. Потом мы добавили к названию массива квадратные скобки — massiv[]. Потом в квадратных скобках мы указали нулевой индекс (первый элемент) — massiv[0]. Такая форма записи вернёт нам первый элемент массива «ффф».

 

Как быть с безымянным массивом — анонимным? Для аналогии возьмём точно такой же массив:

["ффф","ыыы","ввв","ааа","ппп","ррр","ооо","ллл"][0]

Мы не присваиваем массиву имени, а сразу обращаемся к его нулевому индексу. Визуально мы получаем квадратные скобки которые контактируют с другими квадратными скобками. В левых скобках у нас сам массив, а в правых скобках у нас лежит желаемое значение индекса, который по итогу вернёт нам нужное значение элемента — «ффф».

 

Ссылки

JavaScript | Массивы (Array)

JavaScript | Как обратиться к элементу массива?

JavaScript | Как получить последний элемент массива?

JavaScript | Как изменить длину массива?

JavaScript | Как увеличить длину массива?

JavaScript | Как уменьшить длину массива?

ECMAScriptLiving Standardhttps://tc39.es/ecma262/#sec-array-objects

Поделись записью