Как да прекъснете цикъла на JavaScript и защо може да се наложи

Ключови изводи

  • JavaScript циклите са от съществено значение за повтарянето на кода и разбирането на техния синтаксис и нюанси е от решаващо значение.
  • Операторът break ви позволява да прекратите цикъл по-рано, което позволява по-ефективно изпълнение на кода.
  • Излизането от цикъл може да оптимизира вашия код, да предотврати ненужни итерации и да помогне за ефективното справяне с грешките.

Циклите на JavaScript ви позволяват да повтаряте кода, но понякога ще трябва да излезете от цикъл, за да обработите специален случай. Тук идва операторът break. Разберете как работи операторът break и защо може да ви е необходим.

Разбиране на цикъла на JavaScript

Циклите на JavaScript ви позволяват да повтаряте код, като поддържате програмата си чиста и намалявате повторенията. Циклите са важна концепция, която почти всяка програма, която пишете, ще използва. Така че, ако тепърва започвате да изучавате JavaScript, трябва да сте сигурни, че разбирате напълно циклите.

  Как лесно да рециклирате старата електроника, която не можете да продадете

Различните типове JavaScript цикли, с които трябва да сте запознати, включват:

  • за цикъл
  • докато цикъл
  • do… while цикъл
  • за… в цикъл
  • for…of цикъл

Всички те изпълняват итерации, но имат леки нюанси, които правят всеки подходящ за различни ситуации. Ето как изглежда синтаксисът на всеки тип цикъл:

Тип контур

Синтаксис

Описание

за

for (init; cond; next) {
    
}

Изпълнява кодов блок, докато дадено условие (cond) е вярно. Изразът за инициализация (init) се изпълнява веднъж, в началото на цикъла, докато следващият израз се изпълнява всеки път, когато цикълът достигне края на кодовия блок.

докато

while (condition) {
    
}

Изпълнява кодов блок, докато дадено условие е вярно.

направете…докато

do {
    
} while (condition);

Изпълнява кодов блок, докато дадено условие е вярно. Проверява условието след изпълнение на кодовия блок, така че винаги ще се изпълнява поне веднъж.

за…в

for (property in object) {
    
}

Изпълнява кодов блок за всяко свойство на обект.

за…на

for (element of iterable) {
    
}

Изпълнява кодов блок за всеки елемент в итерируем обект, като масив, низ или карта.

Въведение в изявлението „break“.

Операторът break прекъсва цикъла по-рано. Докато цикълът напредва, при контакт с командата break, той незабавно спира. Това кара програмата да премине към следващия оператор след цикъла.

  Как да дадете приоритет на Wi-Fi мрежите на Mac

break е полезен за спиране на цикъл в непредсказуема точка, вместо да чака да се изпълнят редица итерации или главното условие да стане невярно. Има много прост синтаксис:

break; 

Как да използвате „break“ в различни JavaScript цикли

Тези примери демонстрират как можете да излезете от всеки от наличните цикли на JavaScript. Обърнете специално внимание на стойностите на локалните променливи и кога се отпечатват или оценяват.

Излизане от 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);

Този код сумира масив от елементи с помощта на for цикъл. Цикълът обхожда всеки елемент от масива, като ги сумира. Условието проверява дали сумата надвишава 5. Ако е така, командата break прекратява цикъла.

Излизане от цикъла 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);

Този код използва цикъл while, за да намери произведението на елементи в масив. Цикълът итерира всеки елемент от масива, изчислявайки продукта. Изявление за прекъсване в условието ще спре цикъла, когато продуктът надвиши 10.

  Как да разберете дали някой ви е блокирал в WeChat

Излизане от Do…While Loop

let i = 1;

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

    i++;

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

Цикълът do…while обхожда числата от 1 до 10, отпечатвайки четни числа. Операторът break в рамките на условието if проверява дали броячът на цикъла надвишава 5. Продължава към излизане от цикъла, ако условието е вярно.

Излизане от for…in Loop

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

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

    result += sentence[index];
}

console.log(result);

Цикълът обхожда всеки знак в низа, като ги свързва. Тук условието проверява дали индексът на цикъла е равен на 2. Ако е, то излиза от цикъла чрез break.

Излизане от for…of Loop

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

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

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

Цикълът итерира всеки елемент от масива в обратен ред, като ги свързва. Ако цикълът срещне стойността 3, той ще излезе чрез командата break.

Значението на прекъсването на циклите

Излизането от цикъл може да бъде полезен начин за оптимизиране на вашия код. Ранното излизане от цикли може да предотврати ненужни итерации, да намали времевата сложност и да ви позволи да обработвате грешките ефективно.

Съсредоточете се върху практикуването как да излезете от различните цикли на JavaScript във вашите програми, за да укрепите разбирането си.