Запустіть наведений вище код. Ви отримаєте порядок 1, 15, 2. Це тому, що метод перетворює все на рядок і використовує за умовчанням лексикографічний порядок.

Масиви

Масив – це впорядкована колекція значень. Значення в масиві називаються елементами, і кожен елемент характеризується числовою позицією в масиві, яка називається індексом. Масиви в мові JavaScript є нетипізованими: елементи масиву можуть мати будь-який тип, причому різні елементи одного і того ж масиву можуть мати різні типи. Елементи масиву можуть бути навіть об'єктами або іншими масивами, що дозволяє створювати складні структури даних, такі як масиви об'єктів і масиви масивів.

Відлік індексів масивів у мові JavaScript починається з нуля і для них використовуються 32-бітові цілі числа - перший елемент масиву має індекс 0. Масиви JavaScript є динамічними: вони можуть збільшуватися і зменшуватися в розмірах при необхідності; немає необхідності оголошувати фіксовані розміри масивів за її створенні чи повторно розподіляти пам'ять за зміни їх розмірів.

Масиви в мові JavaScript - це спеціалізована форма об'єктів, а індекси масивів означають трохи більше, ніж просто імена властивостей, які збігаються цілими числами.

Найлегше створити масив за допомогою літералу, який є простим списком розділених комами елементів масиву в квадратних дужках. Значення в літералі масиву не обов'язково повинні бути константами - це можуть бути будь-які вирази, у тому числі літерали об'єктів:

Var empty =; // Порожній масив var numbers =; // Масив із п'ятьма числовими елементами var misc = [ 1.1, true, "a", ]; // 3 елементи різних типів + завершальна кома var base = 1024; var table =; // Масив зі змінними var arrObj = [,]; // 2 масиви всередині, що містять об'єкти

Синтаксис літералів масивів дозволяє вставляти необов'язкову завершальну кому, тобто. літерал [,] відповідає масиву з двома елементами, а не з трьома.

Інший спосіб створення масиву полягає у виклику конструктора Array(). Викликати конструктор можна трьома різними способами:

Викликати конструктор без аргументів:

Var arr = новий Array();

У цьому випадку буде створено порожній масив, еквівалентний літералу.

Викликати конструктор з числовим аргументом, визначальним довжину масиву:

Var arr = новий Array (10);

І тут буде створено порожній масив зазначеної довжини. Така форма виклику конструктора Array() може використовуватися для попереднього розподілу пам'яті під масив, якщо відомо кількість його елементів заздалегідь. Зверніть увагу, що при цьому в масиві не зберігається жодних значень.

Явно вказати у виклику конструктора значення перших двох або більше елементів масиву або один нечисловий елемент:

Var arr = New Array (5, 4, 3, 2, 1, "тест");

І тут аргументи конструктора стають значеннями елементів нового масиву. Використання літералів масивів практично завжди простіше, ніж застосування конструктора Array().

Доступ до елементів масиву здійснюється за допомогою оператора. Зліва від дужок має бути посилання на масив. Усередині дужок має бути довільний вираз, що повертає невід'ємне ціле значення. Цей синтаксис підходить як для читання, так і для запису значення елемента масиву. Отже, допустимі всі наведені далі JavaScript-інструкції:

// Створити масив із одним елементом var arr = ["world"]; // Прочитати елемент 0 var value = arr; // Записати значення елемент 1 arr = 3.14; // Записати значення елемент 2 i = 2; arr[i] = 3; // Записати значення елемент 3 arr = " привіт " ; // Прочитати елементи 0 і 2, записати значення елемент 3 arr] = arr;

Нагадаю, що масиви є спеціалізованим різновидом об'єктів. Квадратні дужки, що використовуються для доступу до елементів масиву, діють так само, як квадратні дужки, що використовуються для доступу до властивостей об'єкта. Інтерпретатор JavaScript перетворює вказані в дужках числові індекси на рядки - індекс 1 перетворюється на рядок "1" - а потім використовує рядки як імена властивостей.

У перетворенні числових індексів у рядки немає нічого особливого: те саме можна робити зі звичайними об'єктами:

Var obj = (); // Створити простий об'єкт obj = "one"; // Індексувати його цілими числами

Особливість масивів у тому, що з використанні імен властивостей, які є неотрицательными цілими числами, масиви автоматично визначають значення властивості length . Наприклад, вище було створено масив arr із єдиним елементом. Потім було присвоєно значення його елементам з індексами 1, 2 і 3. В результаті цих операцій значення властивості length масиву змінилося і дорівнювало 4.

Слід чітко відрізняти індекси у масиві від імен властивостей об'єктів. Усі індекси є іменами властивостей, але лише властивості з іменами, представленими цілими числами є індексами. Всі масиви є об'єктами, і ви можете додавати до них властивості будь-яких імен. Однак якщо ви торкаєтеся властивостей, які є індексами масиву, масиви реагують на це, оновлюючи значення властивості length при необхідності.

Зверніть увагу, що як індекс масивів допускається використовувати негативні і не цілі числа. У цьому випадку числа перетворюються на рядки, які використовуються як імена властивостей.

Ми вже бачили, що найпростіший спосіб додати елементи до масиву полягає в тому, щоб привласнити значення новим індексам. Для додавання одного або більше елементів в кінець масиву можна використовувати метод push() :

Var arr =; // Створити порожній масив arr.push("zero"); // Додати значення наприкінці arr.push("one",2); // Додати ще два значення

Додати елемент у кінець масиву можна також, надавши значення елементу arr. Для вставки елемента в початок масиву можна використовувати метод unshift() , при цьому існуючі елементи масиву зміщуються в позиції з вищими індексами.

Видаляти елементи масиву можна за допомогою оператора delete як звичайні властивості об'єктів:

Var arr =; delete arr; 2 in arr; // false, індекс 2 у масиві не визначено arr.length; // 3: оператор delete не змінює властивість length масиву

Видалення елемента нагадує (але дещо відрізняється) привласнення значення undefined цьому елементу. Зверніть увагу, що застосування оператора delete до елемента масиву не змінює значення властивості length і не зсуває вниз елементи з вищими індексами, щоб заповнити порожнечу після видалення елемента.

Крім того, є можливість видаляти елементи в кінці масиву простим привласненням нового значення властивості length. Масиви мають метод pop() (протилежний методу push()), який зменшує довжину масиву на 1 і повертає значення віддаленого елемента. Також є метод shift() (протилежний методу unshift()), який видаляє елемент на початку масиву. На відміну від оператора delete, метод shift() зрушує всі елементи вниз на позицію нижче їх поточних індексів.

Нарешті існує багатоцільовий метод splice() , що дозволяє вставляти, видаляти та заміщати елементи масивів. Він змінює значення властивості length і зсуває елементи масиву з нижчими або високими індексами в міру потреби. Всі ці методи ми розберемо трохи згодом.

JavaScript не підтримує "справжні" багатовимірні масиви, але дозволяє непогано імітувати їх за допомогою масивів з масивів. Для доступу до елемента даних у масиві масивів достатньо двічі використовувати оператор.

Наприклад, припустимо, що змінна matrix – це масив масивів чисел. Кожен елемент matrix [x] – це масив чисел. Для доступу до певного числа масиві можна використовувати вираз matrix[x][y]. Нижче наводиться конкретний приклад, де двовимірний масив використовується як таблиця множення:

// Створити багатовимірний масив var table = new Array (10); // У таблиці 10 рядків for(var i = 0; i

Стандарт ECMAScript 3 визначає у складі Array.prototype безліч зручних функцій для роботи з масивами, які доступні як методи будь-якого масиву. Ці методи будуть представлені у наступних підрозділах.

Метод Array.join() перетворює всі елементи масиву в рядки, об'єднує їх і повертає рядок, що вийшов. У необов'язковому аргументі методу можна передати рядок, який буде використовуватися для відокремлення елементів у рядку результату. Якщо рядок-розділювач не вказано, використовується кома. Наприклад, наступний фрагмент дає в результаті рядок "1,2,3":

Var arr =; arr.join(); // "1,2,3" arr.join("-"); // "1-2-3"

Метод Array.reverse() змінює порядок проходження елементів у масиві на зворотний і повертає переупорядкований масив. Перестановка виконується у вихідному масиві, тобто. цей метод не створює новий масив із переупорядкованими елементами, а переупорядковує їх у вже існуючому масиві. Наприклад, наступний фрагмент, де використовуються методи reverse() та join(), дає в результаті рядок "3,2,1":

Var arr =; arr.reverse().join(); // "3,2,1"

Метод Array.sort() сортує елементи у вихідному масиві та повертає відсортований масив. Якщо метод sort() викликається без аргументів, сортування виконується в алфавітному порядку (для порівняння елементи тимчасово перетворюються на рядки, якщо це необхідно). Невизначені елементи переносяться на кінець масиву.

Для сортування в будь-якому іншому порядку, відмінному від алфавітного, методу sort() можна передати функцію порівняння як аргумент. Ця функція встановлює, який із двох її аргументів має йти раніше у відсортованому списку. Якщо перший аргумент має передувати другому, функція порівняння має повертати негативне число. Якщо перший аргумент повинен слідувати за другим у відсортованому масиві, то функція повинна повертати число більше за нуль. А якщо два значення еквівалентні (тобто порядок їхнього слідування не важливий), функція порівняння повинна повертати 0:

Var arr =; arr.sort(); // Алфавітний порядок: 1111, 222, 33, 4 arr.sort(function(a,b) ( // Числовий порядок: 4, 33, 222, 1111 return a-b; // Повертає значення 0 // залежно від порядку сортування a і b)); // Сортуємо у зворотному напрямку, від більшого до меншого arr.sort (function (a, b) (return b-a));

Зверніть увагу, наскільки зручно використовувати у цьому фрагменті неназвану функцію. Функція порівняння використовується лише тут, тому немає потреби давати їй ім'я.

Array.concat() створює і повертає новий масив, що містить елементи вихідного масиву, для якого був викликаний метод concat(), і значення всіх аргументів, переданих методу concat(). Якщо якийсь із цих аргументів сам є масивом, його елементи додаються в масив, що повертається. Слід, однак, відзначити, що рекурсивного перетворення масиву з масивів на одновимірний масив не відбувається. Метод concat() не змінює вихідний масив. Нижче наведено кілька прикладів:

Var arr =; arr.concat(4, 5); // Поверне arr.concat(); // Поверне arr.concat(,) // Поверне arr.concat(4, ]) // Поверне ]

Метод Array.slice() повертає фрагмент, або підмасив зазначеного масиву. Два аргументи методу визначають початок і кінець фрагмента, що повертається. Масив, що повертається, містить елемент, номер якого вказаний у першому аргументі, плюс всі наступні елементи, аж до (але не включаючи) елемента, номер якого вказаний у другому аргументі.

Якщо вказано лише один аргумент, масив, що повертається, містить всі елементи від початкової позиції до кінця масиву. Якщо якийсь із аргументів має негативне значення, він визначає номер елемента щодо кінця масиву. Так, аргумент -1 відповідає останній елемент масиву, а аргумент -3 - третій елемент масиву з кінця. Ось кілька прикладів:

Var arr =; arr.slice(0,3); // Поверне arr.slice (3); // Поверне arr.slice (1,-1); // Поверне arr.slice(-3,-2); // Поверне

Array.splice() - це універсальний метод, що виконує вставку або видалення елементів масиву. На відміну від методів slice() та concat(), метод splice() змінює вихідний масив, щодо якого він був викликаний. Зверніть увагу, що методи splice() і slice() мають дуже схожі імена, але виконують різні операції.

Метод splice() може видаляти елементи з масиву, вставляти нові елементи або виконувати обидві операції одночасно. Елементи масиву при необхідності зміщуються, щоб після вставки або видалення утворювалася безперервна послідовність.

Перший аргумент методу splice() визначає позицію в масиві, починаючи з якої виконуватиметься вставка та/або видалення. Другий аргумент визначає кількість елементів, які мають бути видалені (вирізані) з масиву. Якщо другий аргумент опущений, всі елементи масиву видаляються від зазначеного до кінця масиву. Метод splice() повертає масив віддалених елементів або (якщо жоден з елементів не було видалено) порожній масив.

Перші два аргументи методу splice() визначають елементи масиву, що підлягають видаленню. За цими аргументами може йти будь-яка кількість додаткових аргументів, що визначають елементи, які будуть вставлені в масив, починаючи з позиції, зазначеної в першому аргументі.

Var arr =; arr.splice(4); // Поверне, arr = arr.splice (1,2); // Поверне, arr = arr.splice(1,1); // Поверне; arr = arr =; arr.splice(2,0, "a", "b"); // Поверне; arr =

Методи push() і pop() дозволяють працювати з масивами як зі стеками. Метод push() додає один або кілька нових елементів до кінця масиву і повертає його нову довжину. Метод pop() виконує зворотну операцію - видаляє останній елемент масиву, зменшує довжину масиву та повертає віддалене їм значення. Зверніть увагу, що ці методи змінюють вихідний масив, а чи не створюють його модифіковану копію.

Методи unshift() і shift() поводяться майже так, як push() і pop(), за винятком того, що вони вставляють і видаляють елементи на початку масиву, а не в кінці. Метод unshift() зміщує існуючі елементи у бік великих індексів для звільнення місця, додає елемент або елементи на початок масиву і повертає нову довжину масиву. Метод shift() видаляє та повертає перший елемент масиву, зміщуючи всі наступні елементи на одну позицію вниз, щоб зайняти місце, що звільнилося на початку масиву.

У JavaScript. Тут ми продовжимо знайомство з Масивами. Поговоримо про властивість length - як дізнатися: скільки елементів містить Масив?

Навчимося додавати елементи на початок і кінець Масиву - це методи unshift і push відповідно.

А також за допомогою методів shift та pop зможемо видалити елементи також з початку та кінця Масиву!

По суті, Масив - це якийсь об'єкт, що складається із певної кількості різних елементів.

Властивість length дозволять дізнатися кількість елементів у Массіві.

Для прикладу давайте візьмемо Масив сім днів тижня знайомий нам за минулою темою.

var days = ["Пон." , "Вт.";

Давайте дізнаємось і виведемо на екран кількість елементів масиву. Для цього необхідно, як Ви бачите в прикладі нижче, створити змінну, значенням якої буде масив, що цікавить нас, для якого, в свою чергу, зазначено властивість length .

array.length - такий код дає нам кількість елементів Масиву (де array - ім'я Масиву) .

var days = ["Пон." , "Вт.", "Ср.", "Чт.", "П'ят.", "Суб.", "Нд."];

var count = days .length;

document .write (count);

Таким чином, у змінну count ми помістили число, що дорівнює кількості елементів Масиву.

Ось так працює властивість length.

Метод push - додає елемент до кінця Масиву .

Для того щоб почати роботу з методами додавання елементів, потрібно створити будь-який Масив.

Нижче я створив Масив «Друзі» - friends.

, "В'ячеслав", "Олексій"];

Зараз нам необхідно додати елемент, тобто ще одне Ім'я наприкінці Масиву.

Для цього існує метод push – він додає елемент у кінець Масиву. Це виглядає так:

, "В'ячеслав", "Олексій"];

friends .push ("Яків"); /*Додаємо елемент у кінець Масиву*/

document .write ( + friends .length );

document .write ("

" + friends ); /*Виводимо весь Масив*/

document .write ("

" + friends ); /*Виводимо останній 5-ий елемент Масиву*/

Настя, Григорій, В'ячеслав, Олексій, Яків

Яків

Для перевірки роботи методу push у прикладі вище, ми вивели кількість елементів Масиву friends за допомогою властивості length - їх стало 5. Потім вивели весь Масив friends , а також останній елемент Масиву .

Тепер Ви можете самі переконатися, що елемент додано до кінця Масиву!

Метод unshift - додає елемент на початок Масиву.

Тут ми знову звернемося до Масиву friends.

var friends = ["Настя", "Григорій", "В'ячеслав", "Олексій"];

Тепер нам потрібно додати елемент на початок Масиву. Для цього існує метод unshift.

var friends = ["Настя", "Грігорій", "В'ячеслав", "Олексій"];

friends .unshift ("Борис"); /*Додаємо елемент на початок Масиву*/

document .write ("Кількість елементів у Массіві дорівнює" + friends .length);

document .write ("

" + friends ); /*Виводимо весь Масив*/

document .write ("

" + friends ); /*Виводимо перший елемент Масиву*/

Кількість елементів у Массіві дорівнює 5

Борис, Настя, Григорій, В'ячеслав, Олексій

Борис

Для перевірки роботи методу unshift ми вивели кількість елементів Масиву friends за допомогою властивості length, потім вивели весь Масив friends, а також перший елемент Масиву (нагадуємо, що нумерація елементів Масиву починається з 0) .

Тепер, як бачите, елемент доданий на початок Масиву!

Метод pop-видаляє останній елемент з Масиву.

І знову працюємо з Масивом «Друзі»

var friends = ["Настя", "Григорій", "В'ячеслав", "Олексій"];

Використовуючи метод pop-видаляємо останній елемент з Масиву:

var friends = ["Настя", "Грігорій", "В'ячеслав", "Олексій"];

friends .pop(); /*Видаляємо останній елемент з Масиву*/

document .write ("Кількість елементів у Массіві дорівнює" + friends .length);

document .write ("

" + friends ); /*Виводимо весь Масив*/

document .write ("

+ + friends ); /*Виводимо останній елемент Масиву. Для цього беремо загальну кількість елементів Масиву - friends.length і, так як, нумерація в масиві починається з нуля, то з цього числа віднімаємо 1*/

Настя, Григорій, В'ячеслав

В'ячеслав

Для наочності роботи методу pop ми знову вивели кількість елементів Масиву за допомогою властивості length, потім вивели весь Масив friends – вже без віддаленого останнього елемента.

А також вивели останній елемент масиву, що знову вийшов. . Для виведення останнього елемента, скориставшись властивістю length, ми взяли загальну кількість елементів, що залишилися в Массіві (3) і відняли з нього 1. Таким чином, ми вивели останній елемент масиву під номером 2. Але це третій елемент, так як нумерація в Массіві починається з 0!

Метод shift - видаляє перший елемент з Масиву.

Перед нами, як і раніше, Масивом «Друзі»

var friends = ["Настя", "Григорій", "В'ячеслав", "Олексій"];

За допомогою методу shift - видаляємо перший елемент з Масиву:

var friends = ["Настя", "Грігорій", "В'ячеслав", "Олексій"];

friends .shift(); /*Видаляємо перший елемент з Масиву*/

document .write ("Кількість елементів у Массіві дорівнює" + friends .length);

document .write ("

" + friends ); /*Виводимо весь Масив*/

document .write ("

" + friends ); /*Виводимо перший елемент Масиву.*/

Кількість елементів у Массіві дорівнює 3

Григорій, В'ячеслав, Олексій

Григорій

І, нарешті, для перевірки роботи методу shift ми вивели кількість елементів масиву, що знову вийшов, за допомогою властивості length , потім вивели весь Масив friends - вже без віддаленого першого елемента.

А також вивели перший елемент Масиву . Нумерація в Массіві починається з 0!

Нагадаю для Вас та для себе один цікавий момент цієї статті!

Щоб дізнатися номер/індекс останнього елемента Масиву, потрібно з його елементів (тобто з)Відняти одиницю!

Ми вже працювали з цим у пункті теми.

Хорошим варіантом ілюстрації цього моменту буде продовження прикладу з пункту теми, де ми розглядали Масив сім днів тижня.

var days = ["Пон." , "Вт.", "Ср.", "Чт.", "П'ят.", "Суб.", "Нд."];

var count = days .length; /*Створюємо змінну count у яку заносимо число елементів Масиву days*/

document .write ("Кількість елементів у Массіві days дорівнює" + count);

document .write ("

Номером останнього елемента Масиву days є число + (count - 1));

Кількість елементів у Массіві days дорівнює 7

Номером останнього елемента Масиву є 6

Отже, цим прикладом ми заодно ще раз наголосили на тому факті, що нумерація в Массіві починається з 0 . І, як видно з цього прикладу, номером 7 елемента масиву є число 6.

Наприкінці цієї теми виконаємо домашнє завдання. І знову спробуйте вирішити його самостійно.

Домашнє завдання з видалення з... і додавання елементів в Масив Javascript має такий зміст:

1. Створіть масив із фруктами: апельсин, банан, груша.
2. Виведіть на екран, скільки зараз у вас фруктів у масиві.
3. За допомогою методів, вивчених у попередньому уроці, додайте в кінець масиву два фрукти – яблуко та ананас, а на початок масиву – грейпфрут.
4. Виведіть на екран, скільки зараз у вас фруктів у масиві.
5. За допомогою методів, вивчених у попередньому уроці, видаліть із масиву останній та перший елемент.
6. Виведіть на екран, скільки зараз у вас фруктів у масиві.

var fruit = ["Апельсин", "Банан", "Груша"];
document .write (fruit + "

" )
document .write ("Зараз у моєму кошику" + fruit.length + "фрукта" + "

fruit .push ("Яблуко", "Ананас"); // Додаємо елементи в КІНЕЦЬ масиву
fruit .unshift ( " Грейпфрут " ); // Додаємо елементи в ПОЧАТОК масиву
document .write (fruit + "

" )
document .write ("Зараз у моєму кошику" + fruit.length + "фруктів" + "

fruit .pop(); // Видаляємо ОСТАННІЙ елемент з Масиву
fruit .shift(); // Видаляємо ПЕРШИЙ елемент з Масиву
document .write (fruit + "

" )
document .write ("Зараз у моєму кошику" + fruit.length + "фрукта");

Апельсин, Банан, Груша

Зараз у моєму кошику 3 фрукти

Грейпфрут, Апельсин, Банан, Груша, Яблуко, Ананас

Зараз у моєму кошику 6 фруктів

Апельсин, Банан, Груша, Яблуко

Зараз у моєму кошику 4 фрукти

Стек дозволяє віднести до даних історію зміни значень змінних. Опис даних та алгоритмів лежить в основі програмування. Стек - це основа передачі управління між функціями, організації рекурсії і посилань на параметри. Синтаксис та семантика JavaScript за допомогою методів масиву push() та pop() дають можливість маніпулювати змістом та враховувати фактор часу. Особливість мови браузера та її логіка дозволяють інакше подивитись можливості чинника часу.

Просто описати змінну. Нескладно створити масив змінних. Алгоритм, який використовує дані, - це статичне та просте вирішення задачі. Класична робота з даними:

• описати (створити) змінну;
• присвоїти значення;
• змінити значення;
• видалити змінну.

Функції push() та pop() дозволяють змінити сутність змінних та їх використання. Ідея стека не змінилася з моменту її «народження», але особливість JS як мови браузера та сучасної концепції програмування дозволяє врахувати фактор часу та надати даним динаміку.

Функція value") - додати щось у кінець масиву. Функція - витягти останній елемент масиву. Вказівник у контексті push/pop при додаванні переміщається на доданий елемент, при вилученні - на передостанній елемент, а останній елемент є результатом виконання операції.

Стопка тарілок - традиційний опис стеку в JavaScript - набуває нового значення. Нехай завжди змінна – це масив. Власне масив - це сукупність змінних, але розглядаючи змінну як масив, інакше можна подивитися на динаміку зміни її значень.

Суть стека – прийшов останнім, пішов першим. Не можна отримати значення поза цим порядком. Строго дотримуючись цього правила, розглядаючи значення всього масиву як одну змінну, можна отримати динаміку зміни значень цієї змінної у часі.

У цьому прикладі додавання значень JS array.push(...) - одна послідовність дій, вилучення значень JS array pop() - інша послідовність. Обидва варіанти дій взаємопов'язані. Це означає, що активний елемент змінює своє значення не лише за часом, а й за логікою своєї зміни.

Якщо функція може викликати себе і безпечно виконати своє призначення - це повна функціональність. Простий приклад – таблиця. У таблиці можуть бути інші таблиці. А кожна таблиця - це рядки, стовпці та осередки. Кожен осередок може містити таблицю. Декілька осередків по рядку або стовпцю можуть бути об'єднані в одну комірку, в якій може знаходитися таблиця. У таблиці, що знаходиться в комірці, може бути комірка з двома та більше таблицями.

Реалізувати сказане у класичному стилі програмування практично неможливо, але у рекурсивному – елементарно. Якщо функціональність алгоритму роботи з таблицею дозволяє реалізувати себе всередині будь-якого осередку - це JS array push. На JavaScript цей «фокус» має особливе значення. Таблиці - це користувальницьке застосування. Дерево сторінки (DOM) – це робота на сторінці.

На елементах DOM (тегах сторінки) висять обробники. Один варіант, коли такий обробник спрацьовує один раз, зовсім інший варіант, коли може викликати сам себе багато разів. У розрізі всіх обробників всіх елементів сторінки виходить динаміка сторінки у часі.

Push/pop та рекурсія - це дещо інше уявлення про логіку роботи сторінки: все змінюється так, як потрібно у поточній ситуації, а не програмується заздалегідь у вигляді послідовного відпрацювання дій відвідувача.