Andmed ja otsing Massiiv Tavalises muutujas saame hoida ühte väärtust. Kui aga lehel on sarnaseid andmeid palju, siis igaüht omaette muutujas hoida on tülikas. Neid tuleb palju ning sobiva leidmine sealt ikkagi keerukas. Sarnaseid andmeid aitab koos hoida massiiv. Eesnimede loetelu saab näiteks teha nõnda: var eesnimed=new Array("Juku", "Kati", "Katrin", "Madis"); Selle peale luuakse loetelu, kus Juku poole saab pöörduda kujul eesnimed[0] ning Madise poole eesnimed[3]. Ehk siis lugemist alustatakse nullist ning viimase järjekorranumbriks on elementide arvust ühe jagu väiksem arv. Katsetamiseks juurde ka töötav koodinäide. Otsing
Näite tulemuseks: Loetelu alguses on Juku ja Kati Elementide arv Javaskript annab õnneks mugavasti kätte massiivi elementide arvu - selleks omadus .length massiivimuutuja nime küljes. Sealtkaudu võimalik siis kohe arvutuse teel kätte saada massiivi viimane element. Eesnimede massiivis siis eesnimed[eesnimed.length-1] Näide tervikuna Otsing
Ja tulemus Eesnimesid kokku on 4. Viimane neist Madis. Ülesandeid * Koosta massiiv inimeste pikkustega. Trüki välja esimene ja viimane pikkus. * Trüki välja teine ja eelviimane pikkus. Järjekorranumbri järgi küsimine massiivist Nagu kõiksugu muid väärtusi, nii ka massiivi elementide järjekorranumbreid saab küsida kasutaja käest. Siin siis võetakse eesnime number sisestuskastist ning kuvatakse vastav eesnimi. Otsing Mitmes eesnimi:
Juhusliku järjekorranumbriga element Ka juhuarv toimib massiivi elemendi järjekorranumbri leidmise juures. Lihtsalt on kasulik hoolitseda, et järjekorranumbriks tuleks täisarv - parseInt pakub sellise võimaluse. Otsing
Ülesandeid * Koosta massiiv ütlustega. Lehe avanemisel ilmub ekraanile neist üks juhuslik ütlus. * Erinevalt eelmisest teatatakse kasutajale, mitme ütluse vahel tal on valida. Kasutaja sisestab soovitud ütluse järjekorranumbri ning näeb vastaval kohal olevat ütlust. * Koosta üks massiiv poiste eesnimedega ja teine tüdrukute eesnimedega. Lehe avanemisel valitakse juhuslik poiss ja juhuslik tüdruk ning teatatakse, et nemad lähevad esimestena tantsima. Kordused Massiivi andmete otsimiseks, muutmiseks ja töötlemiseks on kasulikuks abiliseks kordused. Kõigepealt väike näide korduse töötamise kohta for(var i=0; i<3; i++){ document.getElementById("vastus").innerHTML+=i+" "; } Tuumikuks siis for-tsükkel, kus iga sammuga liidetakse vastuse sisule (innerHTML) juurde tsükliloenduri i väärtus ning sinna lisatakse tühik, et arvud üksteisega kokku ei kasvaks. Tehtemärk += tähendab olemasolevale väärtusele millegi juurde lisamist, ilma, et peaks seda kohta korduvalt välja trükkima. Otsing
Väljund 0 1 2 Ülesandeid * Tutvu tsükli näitega. Trüki arvude ruudud ühest kahekümneni (suurimaks siis 20*20 ehk 400). * Luba kasutajal sisestada, mitmeni arvude ruute soovitakse Tsükkel ja massiiv Sarnaselt tsükli abil saab välja trükkida või muul moel ette võtta ka kõik samas massiivis olevad eesnimed. Lihtsalt väljatrüki või muul moel kasutuse koha peal pole enam tsükliringi loendur, vaid küsitakse massiivist vastava järjekorranumbriga element. Praegusel juhul siis eesnimed[i]. Otsing
Väljundiks: Juku Kati Katrin Madis Eelmises näites olid eesnimede vahel tühikud. Nõnda tekstina saab aga ka kõiki HTMLi korraldusi anda ja nendega funktsiooni töö tulemust mõjutada. Kui eesnimede vahele kirjutada reavahetusmärgend
, siis kasutaja näeb iga nime omaette real. Otsing
Kasutaja näeb tulemust nõnda: Juku Kati Katrin Madis Tegelikult on kokkupandud HTML-kood selline: Juku
Kati
Katrin
Madis
Veebilehitseja aga teab, et
käskluse peale tuleb teksti edasi näitama hakata järgmiselt realt ning nõnda näemegi ilusti üksteise all olevaid eesnimesid. Veidi põhjalikumaks loetelu looomiseks on HTMLis nummerdamata loetelu (unordered list), mille loomise käsuks märgend . Nimede loetelu nummerdamata loetelus HTMLis näeb välja Programmikoodiga sellist loetelu tekitades tuleb üksikud lõigud kokku koguda. Siinses näiteks on selleks muutuja t (nagu tulemus). Algul antakse t-le väärtus "; Sellisena saabki tulemuse lehel kuvamiskõlblikuks. Otsing
Ülesandeid * Tutvu massiivi andmete trükkimise näidetega, tee näited läbi. * Kirjuta iga eesnime välja kaks korda * Trüki eesnimed ekraanile tagurpidises järjekorras * Asenda