Kursinnhold

Introduksjon til JavaScript

1. JavaScript-Grunnleggende

Om JavaScript Forstå JavaScript-Syntaks Utfordring: Konsollutskrift i JavaScript Bruk av Kommentarer for å Dokumentere Code Utfordring: Skriv en Enkeltlinjekommentar Utfordring: Skriv en Multi-Line Kommentar

2. Variabler og Datatyper i JavaScript

Forståelse av Variabler i JavaScript Utfordring: Definer Variabelen Bruk av const for Konstanter Utforsker JavaScript-Datatyper Arbeide med Null i JavaScript Introduksjon til Arrays Arraymetoder og Manipulering Utfordring: Utfør Array-Operasjoner

3. Utføre Operasjoner i JavaScript

Forståelse av Tildelingsoperatorer Matematiske Operasjoner i JavaScript Tilordningsoperatorer i JavaScript Inkrement- og Dekrementoperatorer Utfordring: Variableoperasjoner Praksis Sammenligningsoperatorer i JavaScript Logiske Operatører Forklart Utfordring: Sammenlign Variabler i JavaScript Konkatenere Strenger i JavaScript Utfordring: Bygg Setninger med JavaScript

4. Kontrollere Programflyt med Betingede Utsagn

Beherske If-Setninger i JavaScript Bruk av Else for Alternative Utfall Bruke Else If for Flere Betingelser Utfordring: Bestem Størrelser med Conditionals

5. Iterere Gjennom Data i JavaScript

Forståelse av the While-Løkken i JavaScript Bruk av Do While-løkken for Iterasjon Utfordring: Skriv ut Tall fra 5 til 9 Beherske the For-Løkken i JavaScript Utfordring: Console Tigre med Løkker Bryte ut av Løkker med Break Hoppe Over Iterasjoner med Continue Utfordring: Stopp og Hopp Over i Loops

6. Funksjoner i JavaScript

Hva Er Funksjoner i JavaScript?Definere Funksjoner i JavaScript Utfordring: Skriv en Funksjon – Mitt Navn Effektiv Bruk av Funksjonsargumenter Returnere Verdier fra Functions Utfordring: Lag en Sumfunksjon Kursoppsummering og Neste Trinn

Beherske the For-Løkken i JavaScript

Den for løkken er en grunnleggende løkkestruktur i JavaScript, selv om den i begynnelsen kan være utfordrende å forstå. Den bruker for nøkkelordet og krever tre parametere omsluttet i parenteser:

javascript

Her er en oversikt over disse parameterne:

Initialization: Dette er hvor du initialiserer en ny teller brukt av for løkken. Den utføres kun én gang;
Condition: Et uttrykk som sjekkes før hver iterasjon, lik while løkken;
Increment/Decrement: Operasjoner utført på telleren på slutten av hver løkkeiterasjon.

Merk

Iterasjon i løkker refererer til å gjenta en kodeblokk et visst antall ganger eller til en spesifikk betingelse er oppfylt. Hver gang kodeblokken utføres, regnes det som en iterasjon.

La oss illustrere dette med et eksempel:


              123
            
for (let i = 1; i < 5; i++) {
  console.log("Loop iteration:", i);
};

I dette eksempelet:

let i = 1: Initialisering, hvor vi oppretter variabelen i inne i for-løkken. Denne operasjonen utføres én gang;
i < 5: Betingelse, sjekkes før hver iterasjon;
i++: Inkrementuttrykk, utføres etter hver iterasjon;
console.log("Loop iteration:", i);: Kroppen av for-løkken.

Hvert trinn i løkken kan beskrives som følger:

javascript

Trinn 2 gjentas til betingelsen blir false.

Det kan være nyttig å vurdere et diagram for å få en klarere forståelse av hvordan løkken opererer.

Du kan også bruke dekrementering i for-løkken, som vist her:


              123
            
for (let i = 15; i > 10; i--) {
  console.log("i =", i);
}

Den teller for for-løkken er unik for sitt omfang, så du trenger ikke bekymre deg for at tellernavnet skal komme i konflikt med andre variabler:


              12345678
            
let i = 2077;
console.log("(global) i =", i);

for (let i = 0; i < 4; i++) {
  console.log("(for) i =", i);
}

console.log("(global) i =", i);

Ulike uttrykk for Inkrement/Decrement-operasjoner kan også brukes:


              123
            
for (let i = 0; i < 40; i += 7) {
  console.log("i =", i);
};

Sammenligning av for- og while-løkker

Når man sammenligner for- og while-løkker, er for-løkken ofte enklere og mer konsis. Her er et eksempel på ekvivalente løkker:


              1234567891011
            
// `while`
let a = 1;
while (a <= 3) {
  console.log("While:", a);
  a++;
}

// `for`
for (let i = 1; i <= 3; i++) {
  console.log("For:", i);
}

I denne sammenligningen er for-løkken mer oversiktlig og tar opp mindre kodeplass. I tillegg rydder for-løkken automatisk opp tellevariabelen (i dette tilfellet, i) etter utførelse.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 4

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår