Kursinnehåll

Introduktion till JavaScript

1. JavaScript-Grunder

Om JavaScript Förstå JavaScript-Syntax Utmaning: Konsolutmatning i JavaScript Använda Kommentarer för att Dokumentera Kod Utmaning: Skriv en Enradskommentar Utmaning: Skriv en Multi-Line Kommentar

2. Variabler och Datatyper i JavaScript

Förståelse av Variabler i JavaScript Utmaning: Definiera Variabeln Använda const för Konstanter Utforska JavaScript-Datatyper Arbeta med Null i JavaScript Introduktion till Arrayer Arraymetoder och Manipulation Utmaning: Utför Arrayoperationer

3. Utföra Operationer i JavaScript

Förståelse av Tilldelningsoperatorer Matematiska Operationer i JavaScript Tilldelningsoperatorer i JavaScript Inkrement- och Dekrementoperatorer Utmaning: Övning i Variabeloperationer Jämförelseoperatorer i JavaScript Logiska Operatorer Förklarade Utmaning: Jämför Variabler i JavaScript Konkatenera Strängar i JavaScript Utmaning: Bygg Meningar med JavaScript

4. Kontrollera Programflödet med Villkorssatser

Bemästra If-Satser i JavaScript Använda Else för Alternativa Resultat Tillämpa else if För Flera Villkor Utmaning: Bestäm Storlekar med Conditionals

5. Looping Through Data in JavaScript

Förstå While-Loopen i JavaScript Använda Do While-Loop För Iteration Utmaning: Skriv Ut Siffror Från 5 till 9 Bemästra the For-Loop i JavaScript Utmaning: Console Tigrar Med Loopar Bryta Ut ur Loopar med Break Hoppa Över Iterationer med Continue Utmaning: Stoppa och Hoppa Över i Loops

6. Funktioner i JavaScript

Vad Är Funktioner i JavaScript?Definiera Funktioner i JavaScript Utmaning: Skriv en Funktion – Mitt Namn Använda Funktionsargument Effektivt Returnera Värden Från Funktioner Utmaning: Skapa en Sum Funktion Kursöversikt och Nästa Steg

Bemästra the For-Loop i JavaScript

Den for-loopen är en grundläggande loopstruktur i JavaScript, även om den initialt kan vara svår att förstå. Den använder nyckelordet for och kräver tre parametrar inom parentes:

javascript

Här är en genomgång av dessa parametrar:

Initialization: Här initierar du en ny räknare som används av for-loopen. Den körs endast en gång;
Condition: Ett uttryck som kontrolleras före varje iteration, liknande while-loopen;
Increment/Decrement: Operationer som utförs på räknaren i slutet av varje loopiteration.

Notera

Iteration i loopar hänvisar till att upprepa ett kodblock ett visst antal gånger eller tills ett specifikt villkor är uppfyllt. Varje gång kodblocket körs, betraktas det som en iteration.

Låt oss illustrera detta med ett exempel:


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

I det här exemplet:

let i = 1: Initialisering, där vi skapar variabeln i inuti for-loopen. Denna operation utförs en gång;
i < 5: Villkor, kontrolleras före varje iteration;
i++: Inkrementuttryck, utförs efter varje iteration;
console.log("Loop iteration:", i);: Kroppen av for-loopen.

Varje steg i loopen kan beskrivas enligt följande:

javascript

Steg 2 upprepas tills villkoret blir false.

Det kan vara fördelaktigt att överväga ett diagram för att få en tydligare förståelse för hur loopen fungerar.

Du kan också använda dekrementering i for-loopen, som visas här:


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

Den for loop räknaren är unik för sitt omfång, så du behöver inte oroa dig för att räknarens namn ska kollidera med andra 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);

Olika uttryck för Inkrement/Decrement operationer kan också användas:


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

Jämförelse mellan for- och while-loopar

När man jämför for- och while-loopar är for-loopen ofta enklare och mer koncis. Här är ett exempel på motsvarande loopar:


              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 denna jämförelse är for-loopen mer direkt och tar upp mindre kodutrymme. Dessutom rensar for-loopen automatiskt räknarvariabeln (i detta fall, i) efter körning.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 4

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal