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

Сколько данных находится в массиве?

Данные бывают разных типов. Данные могут быть в массиве или не быть. Все массивы разные, а значит и наборы данных в массивах тоже разные. В одном массиве может быть 10 элементов, а в другом 5 миллионов. Количество элементов в массиве называют «длиной массива«.

Как получить длину массива? Нужно использовать свойство экземпляров конструктора Array — «length«. Прописываете название массива, ставите точку после названия и дописываете слово «length«. Вся запись написана слитно, без пробелов.

var massiv = [1, 11, 22, 2, 567, 765, 43, 34, true, false, "js", "array", "lenght"]
massiv.length
JavaScript - Как узнать длину массива?
JavaScript — Как узнать длину массива?

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

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

Теория

JavaScript работает на стандарте ECMAScript. То есть ECMAScript определяет такое понятие как «Глобальный Объект» (Global Object). У этого «Глобального объекта» есть «Свойства Конструктора» (Constructor Properties)

Одним из свойств конструктора глобального объекта является — конструктор массива (Array Constructor), который умеет создавать объекты Array. Любой экземпляр (конструктор и прототип) объекта Array имеет свойство длины — «length«.

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

Например, создадим пустой массив с длиной ноль:

var massiv = []
Пустой массив длиной ноль - JavaScript
Пустой массив длиной ноль — JavaScript

В этом массиве нет никаких элементов. Аналогично нет никаких индексов и нет никаких значений.

Добавим строковое значение второму элементу данного массива:

massiv[1] = "efim360.ru"
Добавили строковое значение в массив - JavaScript
Добавили строковое значение в массив — JavaScript

Т. к. индексы массивов начинаются со значения 0, то второй элемент будет лежать под индексом 1.

И тут мы видим, что длина нашего массива стала равной 2, хотя в массиве есть только один элемент со значением и с индексом.

Добавим ещё элемент:

massiv[5] = "JS"
Добавили ещё один элемент в массив - JavaScript
Добавили ещё один элемент в массив — JavaScript

Теперь длина стала равной 6, хотя индексов всего 2. Попробуем теперь обратиться к индексу 0 и индексу 2.

Обращение к пустым элементам массива - JavaScript
Обращение к пустым элементам массива — JavaScript

Обращения к пустым элементам массива в JavaScript возвращают нам undefined.

 

А теперь искусственно увеличим длину массива до 7:

massiv.length = 7
Массив с пустым началом и концом - JavaScript
Массив с пустым началом и концом — JavaScript

 

Информационные ссылки

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

JavaScript | Элемент массива

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

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

ECMAScriptLiving Standardhttps://tc39.es/ecma262/#sec-properties-of-array-instances-length

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