Уроци по JavaScript от Самоделкин - Урок 9
Масивът (на английски array) се декларира по следния начин:
Правилата за имена на масиви са същите като за имена на променливи (вижтеУрок 1).
В скоби можете
а) задайте броя на елементите на масива —new Array(8);
б) списък на елементите на масива (в кавички и разделени със запетаи) —new Array("eniki", "beeniki", "ate", "vareniki");
Изброените елементи на масива са низове, а не имена на променливи. Ето защо кавичките са необходими и не можете да спазвате правилата за имената и дори да пишете с български букви.
в) не посочвайте нищо (за уговаряне на срещи в бъдеще).
Масивът има свойствотоlength— дължина или, както казват програмистите, измерение. Това свойство определя броя на елементите на масива. Масив с празни скоби има размерност нула.
Размерът може да се променя динамично. След като сте дефинирали "празен" масив, можете да присвоите стойност и сериен номер на един от неговите елементи. Веднага след като направим това, размерът на масива също ще се промени:
Обърнете внимание наквадратните скоби, които ограждат поредния номер на масива.
Сега, дори и да не са дефинирани други елементи, масивът има измерение от 4 елемента.
Yoklmn, защо четири?
Има много вицове за програмисти, например този:
- По ред, рррас-брой!
Първият елемент на масив винаги еномериран нула.
Дължина на празен масив == 0
Дължина на масив с един (нула) елемент == 1
Дължина на масив с два елемента ([0], [1]) == 2
Тоестизмерението на масива винаги е с едно число по-голямо от номера на последния елемент.
Не лъжа, можете да проверите:
Създаване на меню
За да разберем как работят масивите, нека създадемпросто меню за началната страница, което ще се показва на всички страници на сайта.
Ето как би изглеждало менюто в HTML код.
Но ние ще измислим един трик: връзката на страницата към самата нея ще бъде неактивна. Тоест тагътняма да се показва на страницата му. Стил на бележкатацвятза
Как ще работи?
Скриптът ще определи заглавието на всяка страница (не бъдете прекалено мързеливи, за да ги напишете внимателно) и след това чрезifще реши кой от елементите на менюто да се покаже без връзка.
Първо, нека поставим повтарящия се текст на таговете в променливи, отделяйки връзките от останалите (превърнете двойните кавички в таговете в единични):
Елементът от менюто с връзката ще изглежда така:
Без линк като този:
В първия скрипт файл декларираме и присвояваме променливи за тагове и създаваме три масива.
Първият е за заглавия в ./p>
Третият е за заглавия на елементи от менюто.
Ето как ще изглежда този файл:
Запазете го и започнете да създавате втория. Не забравяйте, че освен, таблицата имаи. Незабавно отваряне и затваряне на таблицата:
Сега нека запълним средата.
Първият елемент от менюто.
(заглавие на страницата - "Моят сайт - Начална страница")
показва меню без връзка>
В противен случай
покажете меню с връзка>
Заглавието на страницата се извлича чрезdocument.title.
Копираме всичко това за останалите елементи от менюто, просто променяме съответно номерата на елементите на масива. Целият втори файл изглежда така:
Не забравяйте също да прикачите вашия CSS stylesheet към вашите уеб страници.
Можете обаче да съкратите изходния скрипт, като използвате цикълfor. Освен това няма да го направитрябва да се редактират при добавяне на нови елементи към менюто.
Няма да коментирам: това е обхванатият материал. Само ще предложа, че вместоtitArray.length, можете да вземете размерността на всеки друг от нашите масиви: всички те са с еднаква дължина, от която се нуждаем.
как да работите с масиви.
Също така научи:
направете просто меню за всички страници.