Sådan brydes JavaScript-løkker, og hvorfor du måske skal

Indholdsfortegnelse

Nøgle takeaways

JavaScript-løkker er afgørende for at gentage kode, og det er afgørende at forstå deres syntaks og nuancer.
Break-sætningen lader dig afslutte en løkke tidligt, hvilket giver mulighed for mere effektiv kodeudførelse.
At bryde ud af en loop kan optimere din kode, forhindre unødvendige iterationer og hjælpe med at håndtere fejl effektivt.

JavaScripts loops giver dig mulighed for at gentage kode, men du bliver nogle gange nødt til at forlade en loop for at håndtere en speciel sag. Det er her, pauseerklæringen kommer ind. Find ud af, hvordan pauseerklæringen fungerer, og hvorfor du måske har brug for den.

Forstå JavaScript-løkker

JavaScript-løkker giver dig mulighed for at gentage kode, holde dit program rent og reducere gentagelser. Loops er et vigtigt koncept, som næsten alle programmer, du skriver, vil bruge. Så hvis du lige er begyndt at lære JavaScript, bør du sørge for at forstå loops grundigt.

15 bedste værktøjer og ressourcer til at blive en professionel forfatter

De forskellige typer JavaScript-løkker, du bør kende til, omfatter:

for sløjfe
mens loop
gør… mens loop
for … i loop
for … af loop

De udfører alle gentagelser, men har små nuancer, der gør hver egnet til forskellige situationer. Sådan ser syntaksen for hver sløjfetype ud:

Løkketype	Syntaks	Beskrivelse
til	for (init; cond; next) { }	Kører en kodeblok, så længe en specificeret betingelse (cond) er sand. Initialiseringsudtrykket (init) kører én gang i begyndelsen af løkken, mens det næste udtryk kører hver gang løkken når slutningen af kodeblokken.
mens	while (condition) { }	Kører en kodeblok, så længe en specificeret betingelse er sand.
gøre imens	do { } while (condition);	Kører en kodeblok, så længe en specificeret betingelse er sand. Kontrollerer tilstanden efter at have kørt kodeblokken, så vil altid køre mindst én gang.
for … i	for (property in object) { }	Kører en kodeblok for hver egenskab for et objekt.
for … af	for (element of iterable) { }	Kører en kodeblok for hvert element i et gentageligt objekt, såsom en matrix, streng eller kort.

En introduktion til “pause”-erklæringen

Pausesætningen afslutter en løkke tidligt. Efterhånden som løkken skrider frem, stopper den øjeblikkeligt ved kontakt med pauseerklæringen. Dette får programmet til at gå videre til den næste sætning efter løkken.

De største fejl ved leveringstransformation til agile forklaret

break er nyttigt til at stoppe en loop på et uforudsigeligt tidspunkt i stedet for at vente på, at et antal iterationer kører, eller på at hovedbetingelsen bliver falsk. Det har en meget simpel syntaks:

break;

Sådan bruger du “break” i forskellige JavaScript-løkker

Disse eksempler viser, hvordan du kan bryde ud af hver af de tilgængelige JavaScript-løkker. Vær omhyggelig opmærksom på værdierne af lokale variabler, og hvornår de udskrives eller evalueres.

Bryde ud af en for loop

const numbers = [1, 2, 3, 4, 5];
let sum = 0;for (let i = 0; i < numbers.length; i++)
{
    sum += numbers[i];
    if (sum > 5)
    {
        break;
    }
}
console.log(sum);

Denne kode summerer et array af elementer ved hjælp af en for-løkke. Sløjfen itererer over hvert element i arrayet og summerer dem. Betingelsen kontrollerer, om summen overstiger 5. Hvis ja, afslutter break-sætningen løkken.

Bryde ud af en while-løkke

const numbers = [1, 2, 3, 4, 5];
let product = 1;
let i = 0;while (i < numbers.length)
{
    product *= numbers[i];
    if (product > 10)
    {
        break;
    }
    i++;
}
console.log(product);

Denne kode bruger en while-løkke til at finde produktet af elementer i et array. Sløjfen itererer over hvert element i arrayet og beregner produktet. En pauseerklæring inde i betingelsen vil stoppe løkken, når produktet overstiger 10.

Ret uventet fejl forhindrer dig i at anvende egenskaber

Bryde ud af en Do…While Loop

let i = 1;do
{
    if (i % 2 === 0)
    {
       console.log(i);
    }
    i++;
    if (i > 5)
    {
       break; 
    }
} while (i <= 10);

Do…while-løkken itererer over tallene fra 1 til 10 og udskriver lige tal. Pausesætningen i if-betingelsen kontrollerer, om sløjfetælleren overstiger 5. Den fortsætter med at forlade sløjfen, hvis betingelsen er sand.

Bryde ud af en for…in-løkke

const sentence = "Hello";
let result = "";for (let index in sentence)
{
    if (index == 2)
    {
        break;
    }
    result += sentence[index];
}
console.log(result);

Løkken itererer over hvert tegn i strengen og sammenkæder dem. Her kontrollerer betingelsen, om løkkeindekset er lig med 2. Hvis det er, forlader den løkken ved brug af pause.

Bryde ud af en for … af loop

const numbers = [1, 2, 3, 4, 5];for (let num of numbers.reverse())
{
    console.log(num);
    if (num === 3)
    {
        break;
    }
}

Sløjfen itererer over hvert element i arrayet i omvendt rækkefølge og sammenkæder dem. Hvis løkken støder på værdien 3, afsluttes den via break-sætningen.

Vigtigheden af at bryde løkker

At bryde ud af en loop kan være en nyttig måde at optimere din kode på. At afslutte loops tidligt kan forhindre unødvendige iterationer, reducere tidskompleksiteten og give dig mulighed for at håndtere fejl effektivt.

Fokuser på at øve dig i, hvordan du bryder ud af de forskellige JavaScript-loops i dine programmer for at styrke din forståelse.