Лабораторна робота №5.
Тема: “Робота з масивами. Затримки і інтервали. Вивід інформації у вікно документа. Об’єкти String”
Теоретичні відомості.
Мета: Отримати теоретичні знання про масиви і навчитися їх використовувати при написанні скриптів на JavaScript Навчитись використовувати затримки та інтервали та виводити інформацію у вікно документа. Ознайомитися з об’єктами String вивчити їх властивості та навчитись застосовувати ці об’єкти на практиці.
Масиви і їх обробка (Клас масиву Array)
Масиви є набором послідовно проіндексованих елементів.
Створення масивів
Масиви можна заповнити при ініціалізації або після оголошення змінної.
Зміна типу даних змінної
Як Ви пам'ятаєте на ECMAScript тип даних змінної визначається при привласненні нею якого-небудь значення. Масиви визначаються таким самим чином.
Для створення масиву змінної привласнюється конструкція «new Array()».
var а; // Оголошуємо змінну.
а = new Array(); // Указуємо її тип.
Створити масив можна і відразу ж при ініціалізації змінної.
var а = new Array(); // Ініціалізували змінну.
Заповнення масиву даними
За умовчанням масив створюється безмірним, тобто його розмір ніяк не указується і визначається лише при заповненні масиву. Іншими словами, при виконанні такого коду розмір масиву «a» складатиме два елементи, а масиву «b» — 4 елементи (до конкретного елементу масиву можна звернутися, узявши його індекс в квадратні дужки).
а = new Array(); // Указуємо її тип.
а[0]= 10; // Заповнюємо масив даними.
а[1]= true;
var b = new Array(); // Ініціалізація змінної.
b[0]= 'Some text'; // Збереження значень в масиві.
b[1]= 10 + 20;
b[2]= false;
b[3]= а; // Збереження в масиві ще одного масиву.
Зверніть увагу, що індекси елементів масиву обчислюються від нуля, тобто в масиві «a» довжиною в два елементи перший елемент має індекс нуль, а другий — один. Іншими словами, індекс останнього елементу масиву завжди на 1 менше довжини масиву.
Ще важливо те, що різні елементи масиву можуть зберігати дані різних типів, наприклад, у нас в масиві «a» збережено число і логічне значення, а в масиві «b» — рядок, число, логічне значення і цілий масив. Оскільки в ECMAScript типів даних немає, все перераховане є можливим.
Також, зверніть увагу, що третьому елементу масиву «b[3]» зіставлений масив «a». Ви можете звернутися до елементів вкладеного масиву таким чином:
b[3][1]= false; // Звернення до вкладеного масиву.
Тобто, якщо який-небудь з елементів масиву є масивом, перераховуємо індекси послідовно в квадратних дужках.
Масиви можна заповнювати і при ініціалізації. Для цього в круглих дужках через кому перераховуються значення елементів масиву.
var c = new Array('Текст', 10 / 3, new Array(5, 15)); // Заповнення масиву при ініціалізації.
Тепер у нас створений масив на три елементи, і останній другий елемент масиву є ще одним масивом на два елементи.
Обробка масивів
Найзручніше працювати з масивами використовуючи цикли. Дізнатися довжину масиву можна за допомогою властивості «length». Властивість «length» повертає довжину масиву, тобто кількість елементів в масиві.
Створивши простий цикл for від нуля до (масив.length - 1), можна дістати доступ до всіх елементів масиву. Ще пам'ятаєте, що індекс останнього елементу масиву завжди на одиницю менше довжини масиву?
var d = new Array('Текст', 10 / 3, 5 * 2); // Заповнюємо масив значеннями.
for (var i = 0; i < d.length; i++) // Створюємо цикл.
alert(d[i]);//Виводимо елемент масиву в діалоговому вікні.
Ви можете подивитися, як же виконається приведений код.
При виконанні такого циклу будуть виведено три віконця alert з вмістом елементів масиву. У першому з віконець буде виведений строковою літерал, збережений в нульовому елементі, в другому — число, збережене в першому елементі, в третьому — число, збережене в другому елементі. Звернете увагу, що в циклі у нас змінна «i» міняється від 0 до 2, оскільки «d.length» рівно 3.
Рекомендую Вам перечитати попередній абзац ще раз, оскільки в ньому містяться фундаментальні положення по обробці масивів.