Kurs 21: L�r dig spr�ket JavaScript - Loopar som g�r runt

JavaScript.nu / JavaScript-kurs / Loopar (for)

L�R DIG SPR�KET JAVASCRIPT
Loopar (for)

I f�rra kapitlet l�rde du dig att handskas med substring() - en viktig funktion v�rd att memorera. Det du nu ska l�ra dig �r �ven det v�ldigt viktigt - att skapa loopar.

Loopar skapar man med for().
Nedan ser du ett script med for():

<SCRIPT LANGUAGE="JavaScript">
<!--
for (i=0;i<5;i++)
{
alert(i)
}
//-->
</SCRIPT>

for() kan vara lite kr�ngligt att f�rst� som nyb�rjare, fast i och med att detta �r v�ldigt viktigt s� m�ste man noga l�ra sig det.
for() inneh�ller tre delar inom sig, separerade med semikolon (;).
Den f�rsta delen (i=0) deklarerar en variabel precis innan loppen startar. I v�rt fall deklareras variabeln i med v�rdet 0 (av vana brukar man v�lja en variabel som t.ex. i, l, k, fast givetvis s� fungerar alla variabler, oavsett namn).
Den andra delen (<<5) s�ger hur l�nge loopen ska h�lla p�. I v�rt fall s� ska den h�lla p� s� l�nge som variabeln i �r mindre �n 5.
Den tredje delen (i++) s�ger vad som ska h�nda efter varje avslutad loop. I v�rt fall ska variabeln i �ka med 1 i v�rde (eftersom i++ �r samma sak som i=i+1).

S� n�r scriptet kommer till den del d�r en loop finns s� initieras f�rst variabeln man valt och s� kontrolleras del tv� av for(). Om det utrycket st�mmer (�r sant), s� startar loopen. Annars hoppar scriptet �ver allt inom loopen (mellan { och }). I v�rt fall st�mmer utrycket d� i �r mindre �n 5. �r i st�rre s� st�mmer ju det inte, eftersom vi sagt att i �r mindre �n 5 (i<5).
I v�rt fall s� b�rjar i med att vara 0, allts� mindre �n 5, s� loopen startar och alert(i) aktiveras och visar i's v�rde. N�r loopen n�tt slutet (n�tt }) s� aktiveras del 3 av for() (i++) och i f�r v�rdet 1.
Fortfarande �r i mindre �n 5 och loopen forts�tter s�h�r tills i blivit st�rre �n 5. N�r sedan i �r lika med eller st�rre �n 5 s� loopar inte loopen igen, utan scriptet g�r vidare i scriptet och utf�r det som st�r efter }.

Som jag tidigare sa s� �r b�de substring() och for() viktiga. H�r finns ett script f�r att visa b�da tillsammans och vad de d� kan utr�tta. F�r att testa scriptet, tryck h�r:

<SCRIPT LANGUAGE="JavaScript">
<!--
text="Hejsan hej. Jag tycker denna JavaScript-kurs �r j�ttebra! =)";

for (i=0;i<text.length;i++)
{
document.write(text.substring(i,i+1)+"-");
}
//-->
</SCRIPT>

Det som detta script g�r �r att man f�rst har en text som ska skrivas ut, fast ist�llet f�r att skriva ut hela p� en g�ng s� tar man en loop och l�ter den loopa lika m�nga g�nger som texten �r l�ng (lika m�nga g�nger som det finns tecken i texten) och f�r varje g�ng loopen loopar s� plockar man ut ett tecken (med substring()) och skriver ut det tillsammans med ett annat tecken eller text/HTML-snutt. I mitt fall med ett bindestreck.

Nu �r kursen slut, och du har f�rhoppningsvis f�tt l�ra dig ett spr�k som du tycker �r b�de intressant och roligt, fast vad �n viktigare �r - ett spr�k som du kan ha nytta av p� din hemsida n�r du ska skapa olika, mer eller mindre n�dv�ndiga, script.

Det jag nu kan rekommendera dig att g�ra �r att du kollar genom mitt scriptarkiv efter script som du tycker ser intressanta ut och f�rs�ker genom att studera de scripten l�ra dig �n mer JavaScript. Alternativt kan du l�sa sidan om Cookies, d�r man l�r sig att spara och h�mta kakor med JavaScript (men �ven med Perl f�r dem som kan det). Om du �ven kan lite Style Sheets eller vill l�ra dig mer om det tillsammans med JavaScript �r DHTML-kursen att rekommendera.

F�r att f� reda p� n�r denna kurs uppdateras s� b�r du registrera dig f�r JavaScript.nu's nyhetsbrev.

L�R DIG SPR�KET JAVASCRIPT Loopar (for)

L�R DIG SPR�KET JAVASCRIPT
Loopar (for)