Массивы в JavaScript

Дата публикации: 2016-11-14

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

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

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

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

1 2	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

var names = ['John', 'James', 'Jane'];

console.log(names[0]); // John

console.log(names[1]); // James

console.log(names[2]); // Jane

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

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

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

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]);
}

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[i]);
}

var names = ['John', 'James', 'Jane'];

for(var i = 0; i < names.length; i++){

console.log(i + ', ' + names[i]);

}

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее