Quebra de JavaScript

Resumo : neste tutorial, você aprenderá como usar a breakinstrução JavaScript para encerrar um loop prematuramente.

A declaração do rótulo

Em JavaScript, você pode rotular uma instrução para uso posterior. Aqui está a sintaxe da labelinstrução:

label: statement;Linguagem de código:  HTTP  ( http )

Nesta sintaxe, o rótulo pode ser qualquer identificador válido. Por exemplo, o seguinte mostra como rotular um forloop usando o outerrótulo:

outer: for (let i = 0; i < 5; i++) {
    console.log(i);
}Linguagem de código:  JavaScript  ( javascript )

Depois de definir um rótulo, você pode referenciá-lo na instrução breakou continue.

Introdução à instrução break do JavaScript

A breakinstrução encerra prematuramente um loop como for, do...whilee whileloop, a switchou uma labelinstrução. Aqui está a sintaxe da breakinstrução:

break [label];Linguagem de código:  JavaScript  ( javascript )

Nesta sintaxe, o labelé opcional se você usar a breakinstrução em um loop ou switch. Entretanto, se você usar a breakinstrução com uma instrução de rótulo, será necessário especificá-la.

Este tutorial se concentra em como usar a breakinstrução para encerrar o loop prematuramente.

Usando a instrução break JavaScript em um loop for

A seguinte forinstrução de loop gera cinco números de 0to 4:

for (let i = 0; i < 5; i++) {
  console.log(i);
}
Linguagem de código:  JavaScript  ( javascript )

Saída:

0
1
2
3
4

Para encerrar o forloop prematuramente, você pode usar uma breakinstrução. Por exemplo, o seguinte ilustra como usar uma breakinstrução dentro de um forloop:

for (let i = 0; i < 5; i++) {
  console.log(i);
  if (i == 2) {
    break;
  }
}Linguagem de código:  JavaScript  ( javascript )

Saída:

0
1
2

Neste exemplo, usamos uma ifinstrução dentro do loop. Se o valor atual de ifor 2, a ifinstrução executa a breakinstrução que encerra o loop.

Este fluxograma ilustra como a breakinstrução funciona em um forloop:

Usando a instrução break para encerrar um loop aninhado

Um loop aninhado possui um loop dentro de outro. Por exemplo, o seguinte usa um forloop aninhado para gerar um par de números de 1para 3:

for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 3; j++) {
    console.log(i, j);
  }
}
Linguagem de código:  JavaScript  ( javascript )

Saída:

1 1
1 2
1 3
2 1
2 2
2 3
3 1
3 2
3 3

Se você usar uma breakinstrução dentro de um loop interno, ela apenas encerrará o loop envolvente. Por exemplo:

for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 3; j++) {
    if (i + j == 4) {
      break;
    }
    console.log(i, j);
  }
}
Linguagem de código:  JavaScript  ( javascript )

Saída:

1 1
1 2
2 1

Neste exemplo, se a soma de ie jfor 4, a breakinstrução encerra o loop interno. Para encerrar o loop aninhado, você usa uma instrução de rótulo. Por exemplo:

outer: for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 3; j++) {
    if (i + j == 4) {
      break outer;
    }
    console.log(i, j);
  }
}Linguagem de código:  JavaScript  ( javascript )

Saída:

1 1
1 2

Neste exemplo, rotulamos o loop externo com o rótulo outer. Dentro do loop interno, especificamos o outerrótulo na breakinstrução. A breakinstrução para encerrar o loop aninhado se a soma de ie jfor 4.

Usando a instrução break do JavaScript em um loop while

A seguir, envie cinco números de 1 a 5 para o console usando um whileloop:

let i = 0;

while (i < 5) {
  i++;
  console.log(i);
}Linguagem de código:  JavaScript  ( javascript )

Saída:

1
2
3
4
5

Como um forloop, a breakinstrução termina um whileloop prematuramente. Por exemplo:

let i = 0;

while (i < 5) {
  i++;
  console.log(i);
  if (i == 3) {
    break;
  }
}Linguagem de código:  JavaScript  ( javascript )

Saída:

1
2
3

Neste exemplo, quando o valor atual de ié 3, a breakinstrução encerra o loop. Portanto, você vê apenas três números na saída.

O fluxograma a seguir ilustra como a instrução break funciona em um whileloop:

Usando a instrução break do JavaScript em um loop do…while

O exemplo a seguir usa uma do...whileinstrução para enviar cinco números de 0 a 5 para o console:

let i = 0;

do {
  i++;
  console.log(i);
} while (i < 5);
Linguagem de código:  JavaScript  ( javascript )

Saída:

1
2
3
4
5

Como um whileloop, você pode usar uma breakinstrução para encerrar um do...whileloop. Por exemplo:

let i = 0;

do {
  i++;
  console.log(i);
  if (i == 3) {
    break;
  }
} while (i < 5);
Linguagem de código:  JavaScript  ( javascript )

Saída:

1
2
3

O fluxograma a seguir mostra como a instrução break funciona em um do whileloop:

Resumo

• Use a breakinstrução para encerrar um loop incluindo for, whilee do...whileprematuramente.
• Quando usada em um loop aninhado, a breakinstrução encerra o loop envolvente. Para encerrar o loop aninhado, você usa uma instrução de rótulo.