Массивы в JavaScript

Что такое массив?

Массив — по своей сути такая же переменная, как и те, что мы уже проходили, но имеющая множество значений.

Пример:

/* в примере будет несколько производителей электроники/бытовой техники и т.п.:  — Samsung = a  — Philips = b  — Vitek = c  — Lenovo = d  */  var product = \»T\»; /* один продукт \»T\» телевизор    var product = [\»Ta\», \»Tb\», \»Tc\», \»Td\»]; // массив четырех телевизоров разных марок

Заметьте, что в первую очередь мы объявили имя массива var product (в последней строке). Потом вставили значения в квадратные скобки [«Ta», «Tb», «Tc», «Td»], разделяя запятыми.

Проще говоря, массив является набором элементов, у каждого из которых есть значение и ключик в виде индекса. Индексация всегда начинается только с нуля.

Добавляем в массив элементы

Для начала давайте создадим массив. Пускай будет массив разной продукции одной марки:

var product = [\»Ta\», \»Ca\», \»Pa\», \»Ra\»]; // 4 элемента (TV — телевизор, Computer — компьютер, Phone — телефон, Record Player — аудиоплеер)    product[4] = \»Na\»; // добавили новый элемент (N — NoteBook — ноутбук) и сейчас в массиве 5 элементов

Единственная проблема такой записи массива в том, что если в массиве присутствует много элементов, то их подсчет будет неудобен. Но на такие случаи есть куда более простое решение — свойство массива length, которое определяет длину массива, то есть количество элементов, которые в нем содержатся.

Пример:

var product = [\»Ta\», \»Ca\», \»Pa\», \»Ra\»]; // 4 элемента (TV — телевизор, Computer — компьютер, Phone — телефон, Record Player — аудиоплеер)  product[product.length] = \»Na\»; /* добавление нового элемента в массив с помощью length */  for(i = 0; i < product.length; i  ) {                 // создание цикла                                       alert(product[i]);  // вывод всего массива                                   };

В 2 строке мы добавили запись в виде product[product.length];. Этот код абсолютно идентичен product[4];, т. к. свойство length, определяет количество элементов содержащихся в массиве. Проще говоря, у нас нет необходимости заниматься подсчетом элементов, а вместо этого пишем сам массив и применяем length. В строке 3 мы также использовали свойство length — сперва определили начало отсчета счетчика  (0), а далее идет условие, в котором расписано, что если значение счетчика менее длины всего массива, то счетчик должен увеличиться на единицу и выполнить код в фигурных скобках, где выводятся элементы массива командой alert(), также можно использовать document.write(). Все выглядит примерно так: 0 меньше, чем 5? Верно, меньше. Увеличить счетчик на 1 и выполнить код в фигурных скобках 1 меньше, чем 5? Верно, меньше. Увеличить счетчик на 1 и выполнить код в фигурных скобках 2 меньше, чем 6? Верно, меньше. Увеличить счетчик на 1 и выполнить код в фигурных скобках

Метод push()

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

Метод unshift()

Тоже самое, что и push, только добавляет элементы не в конце, а в начале массива:

var product = [\»Ts\»,\»Ks\»,\»Ps\»,\»Rs\»,\»Cs\»]; //  product.unshift(\»5s\»,\»6s\»,\»7s\»)

Таким же образом и записывается push.