#Урок 8. Массивы в JS

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

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

Пример:

/* в примере будет несколько производителей электроники/бытовой техники и т.п.:
- 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.

 

Комментарии закрыты.