Cum să spargeți buclele JavaScript și de ce ar putea fi necesar

Recomandări cheie

  • Buclele JavaScript sunt esențiale pentru repetarea codului, iar înțelegerea sintaxei și a nuanțelor lor este crucială.
  • Instrucțiunea break vă permite să încheiați o buclă mai devreme, permițând o execuție mai eficientă a codului.
  • Ieșirea dintr-o buclă poate optimiza codul, poate preveni iterațiile inutile și poate ajuta la gestionarea eficientă a erorilor.

Buclele JavaScript vă permit să repetați codul, dar uneori va trebui să părăsiți o buclă pentru a gestiona un caz special. Aici intervine declarația break. Aflați cum funcționează instrucțiunea break și de ce ați putea avea nevoie de ea.

Înțelegerea buclelor JavaScript

Buclele JavaScript vă permit să repetați codul, păstrând programul curat și reducând repetarea. Buclele sunt un concept important pe care aproape fiecare program pe care îl scrieți îl va folosi. Deci, dacă abia începeți să învățați JavaScript, ar trebui să vă asigurați că înțelegeți bine buclele.

Diferitele tipuri de bucle JavaScript cu care ar trebui să fiți familiarizați includ:

  • pentru buclă
  • buclă while
  • face… bucla while
  • pentru… în buclă
  • pentru… de buclă

Toate efectuează iterații, dar au ușoare nuanțe care le fac pe fiecare potrivită pentru diferite situații. Iată cum arată sintaxa fiecărui tip de buclă:

Tip buclă

Sintaxă

Descriere

pentru

for (init; cond; next) {
    
}

Rulează un bloc de cod atâta timp cât o condiție specificată (cond) este adevărată. Expresia de inițializare (init) rulează o dată, la începutul buclei, în timp ce următoarea expresie rulează de fiecare dată când bucla ajunge la sfârșitul blocului de cod.

in timp ce

while (condition) {
    
}

Rulează un bloc de cod atâta timp cât o condiție specificată este adevărată.

face în timp ce

do {
    
} while (condition);

Rulează un bloc de cod atâta timp cât o condiție specificată este adevărată. Verifică starea după rularea blocului de cod, așa că va rula întotdeauna cel puțin o dată.

pentru…în

for (property in object) {
    
}

Rulează un bloc de cod pentru fiecare proprietate a unui obiect.

pentru…de

for (element of iterable) {
    
}

Rulează un bloc de cod pentru fiecare element dintr-un obiect iterabil, cum ar fi o matrice, șir sau hartă.

  Cum să remediați punctul negru de pe ecranul iPhone

O introducere în declarația „break”.

Declarația break încheie o buclă mai devreme. Pe măsură ce bucla progresează, la contactul cu instrucțiunea break, se oprește imediat. Acest lucru face ca programul să treacă la următoarea instrucțiune după buclă.

break este utilă pentru a opri o buclă într-un punct imprevizibil, mai degrabă decât pentru a aștepta rularea unui număr de iterații sau pentru ca condiția principală să devină falsă. Are o sintaxă foarte simplă:

break; 

Cum să utilizați „break” în diferite bucle JavaScript

Aceste exemple demonstrează cum puteți ieși din fiecare dintre buclele JavaScript disponibile. Acordați o atenție deosebită valorilor variabilelor locale și când sunt tipărite sau evaluate.

Ieșirea dintr-o buclă for

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);

Acest cod însumează o serie de elemente folosind o buclă for. Bucla iterează peste fiecare element al matricei, însumându-le. Condiția verifică dacă suma depășește 5. Dacă da, instrucțiunea break încheie bucla.

Ieșirea dintr-o buclă While

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);

Acest cod folosește o buclă while pentru a găsi produsul elementelor dintr-o matrice. Bucla iterează peste fiecare element al matricei, calculând produsul. O declarație de pauză în interiorul condiției va opri bucla atunci când produsul depășește 10.

Ieșirea dintr-o buclă Do…While

let i = 1;

do
{
    if (i % 2 === 0)
    {
       console.log(i);
    }

    i++;

    if (i > 5)
    {
       break;
    }
} while (i <= 10);

Bucla do…while iterează peste numerele de la 1 la 10, imprimând numere pare. Instrucțiunea break din condiția if verifică dacă contorul buclei depășește 5. Se trece la ieșirea din buclă dacă condiția este adevărată.

  Cum să remediați o conexiune Wi-Fi instabilă: 6 sfaturi și remedieri

Ieșirea dintr-o buclă pentru… în buclă

const sentence = "Hello";
let result = "";

for (let index in sentence)
{
    if (index == 2)
    {
        break;
    }

    result += sentence[index];
}

console.log(result);

Bucla iterează peste fiecare caracter din șir, concatenându-le. Aici, condiția verifică dacă indicele buclei este egal cu 2. Dacă este, iese din buclă folosind break.

Ieșirea dintr-o buclă for…of

const numbers = [1, 2, 3, 4, 5];

for (let num of numbers.reverse())
{
    console.log(num);

    if (num === 3)
    {
        break;
    }
}

Bucla iterează peste fiecare element al matricei în ordine inversă, concatenându-le. Dacă bucla întâlnește valoarea 3, va ieși prin instrucțiunea break.

Importanța ruperii buclelor

Ieșirea dintr-o buclă poate fi o modalitate utilă de optimizare a codului. Ieșirea din timp a buclelor poate preveni iterațiile inutile, poate reduce complexitatea timpului și vă permite să gestionați erorile în mod eficient.

Concentrați-vă pe exersarea cum să ieșiți din diferitele bucle JavaScript din programele dvs. pentru a vă consolida înțelegerea.