Встроенный JavaScript объект Array представляет собой контейнер, в котором может быть сохранено неограниченное количество переменных.
ТвитнутьМассивы представляют собой контейнеры, в которых может быть сохранено неограниченное количество переменных.
Каждому значению, которое заносится в массив присваивается уникальный идентификатор, по которому Вы затем сможете обращаться к данному элементу внутри массива.
В каких случаях удобно использовать массивы? Предположим у Вас имеется список вещей, которые Вы желаете купить в ближайшем будущем. Вы можете записать его в переменные следующим образом:
item1 = "Автомобиль"; item2 = "Микроволновая печь"; item3 = "Стиральная машина"; item4 = "Пылесос";
Создание списка таким образом может быть удобно если он содержит только несколько вещей как в данном примере, но что если список вещей, которые Вы хотите приобрести содержит более 100 наименований и Вам необходимо провести его сортировку по алфавиту или извлечь элемент имеющий определенное значение с помощью циклов?
Иными словами список составленный данным образом является набором ничем не связанных переменных, а массив является конструкцией специально предназначенной для хранения таких списков и имеет набор встроенных методов и свойств для проведения различных операций над ними.
Вы можете создать массивы тремя разными способами:
Первый cпособ:
// Создаем список желаемых вещей из предыдущего примера с помощью массива item = new Array(); item[0] = "Автомобиль"; item[1] = "Микроволновая печь"; item[2] = "Стиральная машина"; item[3] = "Пылесос";
Второй способ:
var item = new Array("Автомобиль", "Микроволновая печь", "Стиральная машина",
"Пылесос");
Третий способ:
var item = ["Автомобиль", "Микроволновая печь", "Стиральная машина", "Пылесос"];
Для того, чтобы обратиться к элементу сохраненному в массиве необходимо указать имя массива и индекс желаемого элемента в квадратных скобках (массив[индекс]).
Обратите внимание: нумерация индексов в массивах начинается не с 1, а с 0.
Пример
//Создадим массив var item = ["Автомобиль","Микроволновая печь","Стиральная машина", "Пылесос"]; //Выведем значение первого элемента массива document.write(item[0]+'<br />'); //Выведем значение третьего элемента массива document.write(item[2]+'<br />');
Значения элементов в массивах могут быть изменены.
Пример
//Создадим массив var item = ["Автомобиль", "Микроволновая печь", "Стиральная машина", "Пылесос"]; //Изменим значение третьего элемента item[2] = "Снегоход"; //Выведем измененное значение document.write(item[2]);
С помощью свойства length Вы можете узнать количество элементов в массиве.
Пример
//Создадим массив var item = ["Автомобиль", "Микроволновая печь", "Стиральная машина", "Пылесос"]; //Выведем количество элементов массива document.write(item.length);
С помощью метода concat() Вы можете объединить два и более массива в один.
Пример
//Создадим 1 массив
var item1=["Автомобиль", "Микроволновая печь"];
//Создадим 2 массив
var item2=["Стиральная машина"];
//Создадим 3 массив
var item3=["Пылесос"];
//Объединим массивы и запишем результат в переменную item
item=item1.concat(item2,item3);
//Выведем содержимое массива item на страницу.
var i;
for (i in item) {
document.write(i + " элемент массива: " + item[i] + "<br />");
}
С помощью метода sort() Вы можете отсортировать значения массива.
Пример
//Создадим массив
var item=["Автомобиль", "Микроволновая печь", "Стиральная машина", "Пылесос"];
//Отсортируем массив
item.sort();
//Выведем отсортированное содержимое массива item на страницу.
var i;
for (i in item) {
document.write(i + " элемент массива: " + item[i] + "<br />");
}
С помощью метода pop() Вы можете удалить последний элемент массива.
Пример
//Создадим массив
var item=["Автомобиль", "Микроволновая печь", "Стиральная машина", "Пылесос"];
//Удалим последнее значение массива и сохраним ее в переменной del
del=item.pop();
//Выведем удаленный элемент
document.write("Удаленный элемент: " + del + "<br />");
//Выведем содержимое массива item на страницу.
var i;
for (i in item) {
document.write(i+ " элемент массива: " + item[i] + "<br />");
}
Метод slice(начало, конец) позволяет извлечь (вырезать) элементы из массива и создать из извлеченных элементов новый массив.
начало указывает индекс элемента, с которого начнется извлечение.
конец указывает индекс элемента массива, на котором закончится извлечение. Если данный параметр не будет задан извлечение будет проведено до конца строки.
Пример
//Создадим массив var item=["Автомобиль", "Микроволновая печь", "Стиральная машина", "Пылесос"]; //Извлечем два последних элемента массива и создадим из них массив sl1 sl1=item.slice(2); //Выведем содержимое sl1 document.write(sl1 + "<br />"); //Извлечем два первых элемента массива и создадим из них массив sl2 sl2=item.slice(0,2); //Выведем содержимое sl2 document.write(sl2 + "<br />"); //Извлечем последний элемент массива и и создадим из него массив sl3 sl3=item.slice(-1); //Выведем содержимое sl3 document.write(sl3);
Обратите внимание: полный список свойств и методов данного объекта Вы можете найти в нашем JavaScript справочнике.
Обратите внимание: для того, чтобы выполнить задания из этой и следующих глав Вам необходимо будет заглядывать в JavaScript Справочник т.к. не все методы необходимые для выполнения заданий рассматриваются в учебнике.
Задание 1. Проведите серию манипуляций над массивами (подробности в редакторе):
Задание 1
<script type='text/javascript'> var country=["Пакистан", "Германия", "Италия", "Россия", "Австралия", "Южная Америка", "Евразия", "Африка", "Антарктида"]; var animal=["Лев", "Тигр", "Орел", "Воробей", "Снегирь", "Голубь", "Рысь", "Медведь"]; //Пишите код здесь </script>