Introduktion til while-løkker | Computer Programmering | Khan Academy

Sophia viser, hvordan du bruger "while"-løkker til at gentage kode i dit program.

Har du undret dig over, hvad der gør tegninger kan se virkelige ud? For at opnå dette skal vi snakke til vores computer i et specielt sprog. I emnet Introduktion til JS: Grafik og animation skal vi lære at bruge programmeringssproget Javascript, når vi laver grafik og animation.

I kurset Programmering - JavaScript og internettet kan du udforske en forunderlige verden, du selv laver med programmering. Lær at programmerer grafik, animationer og spil med JavaScript og vores Processing Library. Du kan lære mere om teknologierne bag internettet, mens du designer hjemmesider med HTML og CSS.

Khan Academy har en mission om at give gratis, verdensklasse undervisning til hvem som helst, hvor som helst. Vi tilbyder quizzer, opgaver, videoer og artikler inden for områder som matematik, kunst, computerprogrammering, økonomi, fysik, kemi, biologi, medicin, finans, historie, og meget mere. Vi giver lærere værktøjer og data som de kan bruge til at hjælpe deres elever med at udvikle deres færdigheder, vaner og tankegang, så de fremover kan have succes både i skolen og senere i livet. Khan Academy er oversat til mange sprog og over 15 millioner mennesker verden over lærer via Khan Academy hver måned. Khan Academy er et 501(c)(3) nonprofit selskab.

Giv en donation eller Bliv frivillig i dag!

https://www.khanacademy.org/donate

https://www.khanacademy.org/contribute

Lad os snakke om løkker.

Jeg har her en while-løkke og
med blot et par få linjer kode

kan jeg skrive denne besked
hele vejen ned af skærmen.

Hvis jeg ændrer beskeden således,
så bliver de alle ændret.

Hvordan?

Vi skal se på koden om lidt,

men lad os først se på,
hvordan vi ville skrive dette program

ved kun at bruge det, vi hidtil har lært,
altså uden løkker.

For at gøre dette skal der
skrives 'text' en masse gange.

Vi taster >text(message, 30, 40);<

og nu skal dette gentages indtil
vi når hele vejen den af skærmen.

Det vil være et stort arbejde, ikke?

Bunden synes ret langt væk
og det bliver endnu værre

hvis du ændrer 70 til 60,

da det påvirke den næste,
som også skal være mindre og så videre

og der skal bruges endnu flere 'text'-kald
for at nå hele vejen ned.

Det er rigtig træls, men heldigvis
har vi løkker, der kan hjælp os.

Når du fremover ser kode,
der gentages, som her,

så skal dit første spørgsmål være,
"kan jeg bruge en løkke?"

En løkke hjælper os med at
gentage kode igen og igen

og laver blot en lille ændring hver gang.

Vi kan omskrive koden
således med en løkke.

Vi starter med at taste >while() {}<.

Vi får denne fejlbesked, men det er
fordi vi er ikke færdige endnu.

Bare rolig den går væk, når vi er færdige.

Hver gang du laver en løkke,
så skal du besvare 3 spørgsmål,

som du kan se her.

Det første spørgsmål er,
"hvad vil jeg gerne gentage?"

Det vi vil gentage skal
være inde mellem {}.

Vi vil her gentage kaldet for 'text',
så lad os indsætte det i {}.

Men så gentager vi blot det samme kald
på 'text' igen og igen,

hvilket jo ikke hjælper.

Der er noget, der skal ændres.

Det er spørgsmål 2, som er ",
hvad vil jeg ændre hver gang?"

Jeg vil ændre y-positionen, ikke?

Den skal være 60 og så skal den være 80.

Vi laver den derfor om til en variabel
kaldet y, da det er y-positionen.

Jeg erklærer den variabel heroppe.

Jeg tildeler den værdien 40.

Nu skal vi blot ændre y og det gør vi
hernede ved at taste >y=y+20;<

og den bliver nu større hver gang.

Vi kan bruge det vi lærte om
genvej til gradvis ændring her.

Vi kan blot bruge denne genvej.

Så langt så godt,
nu skal vi kun besvare spørgsmål 3,

"hvor længe skal vi gentage dette?"

Vi skal gøre dette igen og igen,
men ikke for evigt, vel?

Hvis vi gør det for evigt,
så skal vi vente ret længe

og det kan få din browser
til at bryde sammen.

Forhåbentlig ikke.

Vi skal kun fortsætte til vi
kommer ned til bunden af siden, ikke?

Hvilket betyder, vi skal fortsætte,
så længe y er mindre end 400.

Det indsætter vi her og sådan!

Nu skrives denne besked
hele vejen ned af skærmen.

Du kan se, dette er meget nemmere
end vores første forsøg,

som tog os temmelig længe
og vi var ikke engang halvvejs.

Vi kan fjerne dette og
her er vores program.

Lad os nu forsøge at forstå det,
der skete her.

For at gøre det vil jeg
udskrive y hver gang.

Jeg indsætter >y is now< i stedet og

hernede tilføjer jeg >+y< efter 'message',
så vi kan se værdien.

I øjeblikket ændres værdien med 20.

Det kan vi ændre ved
at ændre denne værdi her.

Vi kan ændre den til 50
og afstanden ændres med 50.

Du kan også disse andre værdier

og du se, hvordan det påvirker,
hvor programmet stopper.

For at forstå dette, så kan du se på det
som en form for 'if'-sætning.

Vi har her et boolsk udtryk,
som du har lært om

og her har vi brødteksten,
som kun kaldes,

hvis det boolske udtryk er sandt
ellers hopper vi videre.

Det interessante ved en while-løkke er,

at vi har en skjult kode
i slutningen af den,

som siger "gå tilbage
til starten af løkken"

Denne skjulte kode betyder,

i stedet for fortsætte nedad i programmet,
som med en if-sætning,

hver gang løkken er gennemløbet,

går vi tilbage og tjekker om
betingelsen stadig er sand.

Hvis den er, så gennemløbes løkken igen.

Som du måske har gættet,

den anden gang den gennemløbes,
så gør vi det samme igen.

Vi går tilbage til start og
hvis y stadig er mindre end 279,

så gennemløbes den en gange mere
og tjekker dernæst igen.

Hvis den ikke er sand heroppe,

så undslipper vi og
fortsætter med programmet.

Der er mange andre spændende
måder at brug løkker,

som vi snart skal lære om,

men dette er en god begyndelse.