Tabla de contenido
Conclusiones clave
- Los bucles de JavaScript son esenciales para repetir código y comprender su sintaxis y matices es crucial.
- La declaración break le permite finalizar un bucle antes, lo que permite una ejecución de código más eficiente.
- Salir de un bucle puede optimizar su código, evitar iteraciones innecesarias y ayudar a manejar errores de manera efectiva.
Los bucles de JavaScript te permiten repetir código, pero a veces necesitarás salir de un bucle para manejar un caso especial. Aquí es donde entra en juego la declaración de interrupción. Descubra cómo funciona la declaración de interrupción y por qué podría necesitarla.
Comprender los bucles de JavaScript
Los bucles de JavaScript le permiten repetir código, manteniendo su programa limpio y reduciendo la repetición. Los bucles son un concepto importante que utilizarán casi todos los programas que escribas. Por lo tanto, si recién estás comenzando a aprender JavaScript, debes asegurarte de comprender los bucles a fondo.
Los diferentes tipos de bucles de JavaScript con los que deberías estar familiarizado incluyen:
- en bucle
- mientras bucle
- hacer… mientras bucle
- para… en bucle
- para… de bucle
Todos realizan iteraciones pero tienen ligeros matices que hacen que cada uno sea adecuado para diferentes situaciones. Así es como se ve la sintaxis de cada tipo de bucle:
|
Tipo de bucle |
Sintaxis |
Descripción |
|---|---|---|
|
para |
for (init; cond; next) {
|
Ejecuta un bloque de código siempre que una condición especificada (cond) sea verdadera. La expresión de inicialización (init) se ejecuta una vez, al comienzo del ciclo, mientras que la siguiente expresión se ejecuta cada vez que el ciclo llega al final del bloque de código. |
|
mientras |
while (condition) {
|
Ejecuta un bloque de código siempre que una condición especificada sea verdadera. |
|
hacer… mientras |
do {
|
Ejecuta un bloque de código siempre que una condición especificada sea verdadera. Comprueba la condición después de ejecutar el bloque de código, por lo que siempre se ejecutará al menos una vez. |
|
para…en |
for (property in object) {
|
Ejecuta un bloque de código para cada propiedad de un objeto. |
|
para… de |
for (element of iterable) {
|
Ejecuta un bloque de código para cada elemento de un objeto iterable, como una matriz, una cadena o un mapa. |
Una introducción a la declaración de «descanso»
La declaración break finaliza un bucle antes de tiempo. A medida que avanza el ciclo, al entrar en contacto con la declaración de interrupción, se detiene inmediatamente. Esto hace que el programa pase a la siguiente declaración después del ciclo.
break es útil para detener un bucle en un punto impredecible, en lugar de esperar a que se ejecuten varias iteraciones o que la condición principal se vuelva falsa. Tiene una sintaxis muy simple:
break;
Cómo utilizar «break» en diferentes bucles de JavaScript
Estos ejemplos demuestran cómo puede salir de cada uno de los bucles de JavaScript disponibles. Preste especial atención a los valores de las variables locales y al momento en que se imprimen o evalúan.
Salir de un bucle 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);
Este código suma una matriz de elementos usando un bucle for. El bucle itera sobre cada elemento de la matriz, sumándolos. La condición verifica si la suma excede 5. Si es así, la declaración de interrupción finaliza el ciclo.
Salir de un bucle 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);
Este código utiliza un bucle while para encontrar el producto de elementos en una matriz. El bucle itera sobre cada elemento de la matriz, calculando el producto. Una declaración de interrupción dentro de la condición detendrá el ciclo cuando el producto supere 10.
Salir de un bucle Do…While
let i = 1;do
{
if (i % 2 === 0)
{
console.log(i);
}i++;
if (i > 5)
{
break;
}
} while (i <= 10);
El bucle do… while itera sobre los números del 1 al 10, imprimiendo números pares. La declaración de interrupción dentro de la condición if verifica si el contador del bucle excede 5. Procede a salir del bucle si la condición es verdadera.
Salir de un bucle for…in
const sentence = "Hello";
let result = "";for (let index in sentence)
{
if (index == 2)
{
break;
}result += sentence[index];
}console.log(result);
El bucle itera sobre cada carácter de la cadena, concatenándolos. Aquí, la condición verifica si el índice del bucle es igual a 2. Si es así, sale del bucle usando break.
Salir de un bucle for…of
const numbers = [1, 2, 3, 4, 5];for (let num of numbers.reverse())
{
console.log(num);if (num === 3)
{
break;
}
}
El bucle itera sobre cada elemento de la matriz en orden inverso, concatenándolos. Si el bucle encuentra el valor 3, saldrá mediante la instrucción break.
La importancia de romper bucles
Salir de un bucle puede ser una forma útil de optimizar su código. Salir temprano de los bucles puede evitar iteraciones innecesarias, reducir la complejidad del tiempo y permitirle manejar los errores de manera eficiente.
Concéntrese en practicar cómo salir de los diferentes bucles de JavaScript en sus programas para fortalecer su comprensión.