Массивы в JavaScript

Массивы в JavaScript

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

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

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

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

var array = []; // пустой массив
console.log(typeof array); // object

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

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

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

var names = ['John', 'James', 'Jane'];
console.log(names[0]); // John
console.log(names[1]); // James
console.log(names[2]); // Jane

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

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

var names = ['John', 'James', 'Jane'];
console.log(names);
names[1] = 'Jake';
console.log(names);

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

var names = ['John', 'James', 'Jane'];
for(var key in names){
    console.log(key + ', ' + names[key]);
}

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

var names = ['John', 'James', 'Jane'];
for(var i = 0; i < names.length; i++){
    console.log(i + ', ' + names);
}

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

Курс по JavaScript: основы

Изучите JavaScript с нуля до результата!

Смотреть курс

Метки:

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

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree