Kursusindhold

Introduktion til JavaScript

1. JavaScript Grundlæggende

Om JavaScript Forståelse af JavaScript Syntaks Udfordring: Konsoloutput i JavaScript Brug af Kommentarer til at Dokumentere Code Udfordring: Skriv en Enkeltlinje Comment Udfordring: Skriv en Flerlinjet Kommentar

2. Variabler og Datatyper i JavaScript

Forståelse af Variabler i JavaScript Udfordring: Definer Variablen Brug af const til Konstanter Udforskning af JavaScript-Datatyper Arbejde med Null i JavaScript Introduktion til Arrays Arraymetoder og Manipulation Udfordring: Udfør Array-Operationer

3. Udføre Operationer i JavaScript

Forståelse af Assignment Operators Matematiske Operationer i JavaScript Tildelingsoperatorer i JavaScript Inkrement- og Dekrementoperatorer Udfordring: Variable Operationer Praksis Sammenligningsoperatorer i JavaScript Logiske Operatorer Explained Udfordring: Sammenlign Variabler i JavaScript Sammenkædning af Strenge i JavaScript Udfordring: Byg Sætninger med JavaScript

4. Kontrollere Programflow med Betingede Udsagn

Beherskelse af If-Udsagn i JavaScript Brug af Else til Alternative Udfald Anvendelse af Else If til Flere Betingelser Udfordring: Bestem Størrelser med Conditionals

5. Gennemløb af Data i JavaScript

Forståelse af While-Løkken i JavaScript Brug af Do While-Løkken til Iteration Udfordring: Udskriv Tal fra 5 til 9 Beherskelse af for-Løkken i JavaScript Udfordring: Console Tigre med Loops Bryde Ud af Loops med Break Spring Iterationer Over med Continue Udfordring: Stop og Spring Over i Loops

6. Funktioner i JavaScript

Hvad Er Funktioner i JavaScript?Definere Funktioner i JavaScript Udfordring: Skriv en Funktion – Mit Navn Effektiv Brug af Funktionsargumenter Returnerer Værdier fra Funktioner Udfordring: Opret en Sumfunktion Kursusoversigt & Næste Skridt

Beherskelse af for-Løkken i JavaScript

Den for løkke er en grundlæggende løkkestruktur i JavaScript, selvom den i starten kan være udfordrende at forstå. Den bruger for nøgleordet og kræver tre parametre indkapslet i parenteser:

javascript

Her er en opdeling af disse parametre:

Initialization: Her initialiserer du en ny tæller, der bruges af for løkken. Det udføres kun én gang;
Condition: Et udtryk, der kontrolleres før hver iteration, svarende til while løkken;
Increment/Decrement: Operationer udført på tælleren i slutningen af hver løkkeiteration.

Note

Iteration i løkker refererer til at gentage en blok af kode et bestemt antal gange eller indtil en specifik betingelse er opfyldt. Hver gang kodeblokken udføres, betragtes det som en iteration.

Lad os illustrere dette med et eksempel:


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

I dette eksempel:

let i = 1: Initialisering, hvor vi opretter variablen i inde i for-løkken. Denne operation udføres én gang;
i < 5: Betingelse, der kontrolleres før hver iteration;
i++: Inkrementudtryk, der udføres efter hver iteration;
console.log("Loop iteration:", i);: Krop af for-løkken.

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

javascript

Trin 2 gentages, indtil betingelsen bliver false.

Det kan være gavnligt at overveje et diagram for at få en klarere forståelse af, hvordan løkken fungerer.

Du kan også bruge decrement i for løkken, som vist her:


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

Den for loop tæller er unik for dens scope, så du behøver ikke bekymre dig om, at tællernavnet konflikter 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);

Forskellige udtryk for Inkrement/Decrement operationer kan også bruges:


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

Sammenligning af for- og while-løkker

Når man sammenligner for- og while-løkker, er for-løkken ofte enklere og mere kortfattet. Her er et eksempel på ækvivalente 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 sammenligning er for-løkken mere ligetil og optager mindre kodeplads. Derudover rydder for-løkken automatisk tællervariablen (i dette tilfælde i) efter udførelse.

Var alt klart?

Tak for dine kommentarer!

Sektion 5. Kapitel 4

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat