Уроки JavaScript від Саморобкіна - Урок 9

Масив (англійською array) оголошується так:

Правила для імен масивів такі самі, як для імен змінних (див.урок 1).

У дужках можна

а) вказати кількість елементів масиву -new Array(8);

б) перерахувати елементи масиву (у лапках і через кому) -new Array("еніки", "беніки", "їли", "вареники");

Перераховані елементи масиву є рядками, а чи не іменами змінних. Тому потрібні лапки і тому ж можна не дотримуватися правил імен і навіть писати українськими літерами.

в) не вказувати нічого (щоб зробити призначення надалі).

У масиву є властивість length - довжина, або, як кажуть програмісти, розмірність. Ця властивість показує кількість елементів масиву. У масиву з порожніми дужками розмірність дорівнює нулю.

Розмір можна динамічно змінювати. Визначивши «порожній» масив, можна потім надати значення і порядковий номер одному з його елементів. Як тільки ми це зробимо, зміниться і розмірність масиву:

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

Тепер, навіть якщо інші елементи не визначені, масив має розмірність 4 елементи.

Yoklmn, чому чотири?

Про програмістів ходить багато анекдотів, наприклад:

— По порядку розрахуйся!

Перший елемент масиву завжди маєнульовий номер.

Довжина порожнього масиву == 0

Довжина масиву з одним (нульовим) елементом == 1

Довжина масиву з двома елементами ([0], [1]) == 2

Тобторозмірність масиву завжди на один номер більший за номер останнього елемента.

Не брешу, можете перевірити:

Створення меню

Щоб зрозуміти, як працюють масиви, давайте створимопростеньке меню домашньої сторінки, яке буде відображатися на всіх сторінках сайту.

Ось так, припустимо, виглядало б це меню у коді HTML.

Але ми придумаємо одну хитрість: Посилання сторінки на себе буде неактивна. Тобто тег на свою сторінку виводитися не буде. Зверніть увагу, стильcolorдля

Як це працюватиме?

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

Спочатку заженемо в змінні текст тегів, що повторюється, відмежувавши посилання від решти (подвійні лапки в тегах перетворимо на одиночні):

Пункт меню з посиланням виглядатиме так:

Без посилання – так:

У першому файлі скрипта оголошуємо та призначаємо змінні для тегів та створюємо три масиви.

Перший - для заголовків у тегу ./p>

Третій – для заголовків пунктів меню.

Ось як цей файл виглядатиме:

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

А тепер заповнюватимемо середину.

Перший пункт меню.

(заголовок сторінки - "Мій сайт - Головна сторінка")

виводимо меню без посилання>

Інакше

виводимо меню з посиланням>

Заголовок сторінки дістається черезdocument.title.

Все це копіюємо і для інших пунктів меню, тільки відповідно змінюємо номери елементів масиву. Цілком другий файл виглядає так:

Не забудьте пристебнути до веб-сторінок і файл зі стилями CSS.

Однак можна скоротити скрипт, що виводить, використовуючи циклfor. Крім того, він не будепотребуватиме редагування при додаванні в меню нових пунктів.

Коментувати не буду: це пройдений матеріал. Підкажу тільки, що замість titArray.length можна взяти розмірність будь-якого іншого з наших масивів: вони всі однієї, потрібної нам довжини.

як працювати з масивами.

А також навчилися:

робити просте меню на всі сторінки.

---