Чтобы получить первый элемент массива, нужно обратиться к его нулевому индексу (индексу со значением «0»). Хочу напомнить, что массивы в JavaScript являются индексными коллекциями. По сути любой массив можно назвать объектом, у которого в парах «ключ/значение» ключами являются целые положительные числа начиная от 0.
Под индексом «0» всегда будет располагаться первый элемент массива.
Так исторически сложилось, что индексы массивов в JavaScript начинаются с нуля, а не с единицы. То есть если нам нужен 22 элемент массива, то мы обратимся к индексу 21. Это неудобно, но нужно привыкнуть.
Для примера возьмём такой именованный массив:
var massiv = ["ффф","ыыы","ввв","ааа","ппп","ррр","ооо","ллл"]
Визуально мы понимаем, что первый элемент массива — это «ффф».
Видео инструкция
В этом видео приводится пример получения первого элемента массива JavaScript, созданного при помощи квадратных скобок. Ввод команд осуществляется в консоль браузера Google Chrome. Результат виден сразу.
Давайте попробуем дотянуться до значения первого элемента массива при помощи языковых конструкций JavaScript.
massiv[0]
Что мы сделали? Мы записали название массива — massiv. Потом мы добавили к названию массива квадратные скобки — massiv[]. Потом в квадратных скобках мы указали нулевой индекс (первый элемент) — massiv[0]. Такая форма записи вернёт нам первый элемент массива «ффф».
Как быть с безымянным массивом — анонимным? Для аналогии возьмём точно такой же массив:
["ффф","ыыы","ввв","ааа","ппп","ррр","ооо","ллл"][0]
Мы не присваиваем массиву имени, а сразу обращаемся к его нулевому индексу. Визуально мы получаем квадратные скобки которые контактируют с другими квадратными скобками. В левых скобках у нас сам массив, а в правых скобках у нас лежит желаемое значение индекса, который по итогу вернёт нам нужное значение элемента — «ффф».
Ссылки
JavaScript | Как обратиться к элементу массива?
JavaScript | Как получить последний элемент массива?
JavaScript | Как изменить длину массива?
JavaScript | Как увеличить длину массива?
JavaScript | Как уменьшить длину массива?
ECMAScript — Living Standard — https://tc39.es/ecma262/#sec-array-objects
