Массивы в JavaScript

Массивы в JavaScript

От автора: приветствую вас, друзья. В этой статье мы с вами познакомимся с разновидностью объектов в JavaScript -речь идет о массивах. Массивы в JavaScript позволяют быстро и в удобной форме сохранить некую коллекцию значений. Приступим.

Итак, что же такое массив и почему он считается разновидностью объекта? При объяснении вопроса о том, что такое массив, мне нравится пример с многоквартирным домом, который как раз и можно сравнить с массивом.

Каждая квартира имеет уникальный номер, по которому мы можем найти и обратиться к тому, кто в ней живет. В чем отличие массива и объекта? Отличие в том, что при создании массива его ключами (свойствами) могут выступать только числа. Поэтому такой вид массива называется нумерованным. В отличие от него, объект может содержать свойства в виде строк (также вы можете встретить термин ассоциативный массив).

Массив объявляется с помощью квадратный скобок:

Распечатка в консоль покажет нам, что мы имеем дело с объектом.

Чем удобнее хранить что-то в массиве, по сравнению с явным объектом? Удобнее тем, что нам не нужно заботиться о ключах массива, JavaScript самостоятельно пронумерует значения, как обычно начиная нумерацию с нуля. Таким образом, в массиве удобно хранить некий однотипный набор данных: список товаров, к примеру.

Давайте попробуем сохранить что-либо в массив и сразу же вывести эти значения в консоль:

Как видим, все достаточно удобно. JavaScript сам пронумеровал элементы массива, ну а мы можем легко получить к ним доступ по ключам (их еще называют индексами) массива.

В любой момент мы можем заменить любой из элементов массива:

Как и свойства классического объекта, элементы массива можно перебрать в цикле, используя оператор in:

Также можно использовать и классический вариант цикла for. Для того, чтобы пройтись по всем элементам массива, нам нужно знать количество элементов массива, чтобы мы могли работать со счетчиком и массив не зациклился. Получить длину массива нам поможет уже знакомое по работе со строками свойство length. И пример:

Результат будет полностью аналогичен предыдущему примеру. На этом мы завершим текущую статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!

Метки:

Похожие статьи:

Комментарии Вконтакте: