Esta guía explica el uso y los métodos para salir del bucle jQuery each(). Estos métodos se indican a continuación:
- ¿Cómo salir de jQuery each() Loop?
- Uso de declaración falsa de retorno
- Lanzar una excepción
- Uso de bandera personalizada
¿Cómo salir del bucle jQuery 'each ()'?
La ruptura de la “ cada() El bucle de jQuery puede optimizar la velocidad de ejecución del código y permite a los desarrolladores salir del bucle prematuramente en función de condiciones específicas. Saliendo de jQuery “ cada() ”, el desarrollador puede salir inmediatamente del bucle y manejar el error o realizar las acciones apropiadas sin continuar con las iteraciones restantes.
Hay un par de métodos o enfoques que se pueden usar para salir del bucle jQuery “each()”, estos métodos se describen a continuación.
Método 1: usar declaración falsa de devolución
Al devolver el valor de falso, el ciclo “cada ()” salta inmediatamente la iteración restante y evita iteraciones innecesarias, como se muestra a continuación:
< guion >
constante col = [ 5 , 6 , 7 , 8 , 9 ] ;
consola. registro ( 'Colección original:' + col ) ;
$. cada ( col , función ( i , también residió ) {
consola. registro ( también residió ) ;
si ( también residió === 7 ) {
devolver FALSO ;
}
} ) ;
guion >
Descripción del código anterior:
- Primero, la matriz “ col ” que contiene cinco valores ficticios que se imprimen en la consola.
- A continuación, utilice el ' cada() 'bucle donde' col ' se usa como una colección, y la devolución de llamada se pasa como un par clave-valor llamado ' i ' y ' residente ” respectivamente.
- Esta función de devolución de llamada itera sobre el ' col ” y muestra el valor de cada índice correspondiente.
- Cuando ' cada() ” la iteración del bucle alcanza un “ 7 ” rotura del bucle de valor debido a la “ falso retorno ' declaración.
Después de la compilación, la salida se ve así:
El resultado muestra que el bucle jQuery 'each ()' se ha estado rompiendo para mostrar datos hasta que no se alcanza una condición específica.
Método 2: lanzar una excepción
Al lanzar una excepción dentro del ' cada() ”, el desarrollador puede salir del ciclo “cada ()” y saltar a la lógica de manejo de errores. Permite a los desarrolladores realizar acciones específicas cuando sea necesario, como se muestra a continuación:
< guion >constante col = [ 5 , 6 , 7 , 8 , 9 ] ;
consola. registro ( 'Elementos de datos originales:' + col ) ;
intentar {
$. cada ( col , función ( i , también residió ) {
consola. registro ( también residió ) ;
si ( también residió === 7 ) {
tirar nuevo Error ( 'Salir del bucle' ) ;
}
} ) ;
} atrapar ( error ) {
consola. registro ( error. mensaje ) ; // Manejar el error o realizar las acciones necesarias
}
guion >
Descripción del código:
- Primero, la matriz “ col ” se declara que contiene múltiples valores ficticios e imprime estos valores en la consola.
- A continuación, dentro del “ intentar 'bloquear jQuery' cada() ” loop se usa a lo largo de la función de devolución de llamada que itera sobre la matriz para mostrar cada entidad.
- En su interior se utiliza una condición específica que arroja una excepción cuando se cumple esa condición.
- Ahora, en el “ atrapar El bloque ” muestra los mensajes de error si el usuario detecta algún error.
Después de la compilación:
La salida muestra solo los elementos antes de que se recuperen las condiciones.
Método 3: usar una bandera personalizada
El ' bandera personalizada ” también se puede configurar para salir del bucle jQuery each(), estas banderas usan su “ verdadero ' o ' FALSO ” como valor. La bandera son básicamente variables que se establecen en falso si se cumple la condición deseada, como se muestra a continuación:
< guion >constante col = [ 5 , 6 , 7 , 8 , 9 ] ;
dejar romperCond = FALSO ;
$. cada ( col , función ( índice , artículo ) {
consola. registro ( artículo ) ;
si ( artículo === 7 ) {
romperCond = verdadero ;
devolver FALSO ;
}
} ) ;
si ( romperCond ) {
consola. registro ( 'Salir del circuito' ) ;
}
guion >
Descripción del código:
- Primero, la matriz “ col ” se declara, y una variable booleana “ romperCond ” que tiene un valor de “ FALSO ” también se crea. Esta variable actúa como una bandera personalizada.
- A continuación, el jQuery “ cada() ” loop se usa a lo largo de la función de devolución de llamada para iterar sobre la matriz y mostrar cada valor de elemento residente.
- En su interior, el “ si La instrucción ” se usa para verificar la ocurrencia del valor deseado y establecer el valor de “ romperCond ” a verdadero, y devolver el valor de falso para detener el ciclo de ejecución.
- Al final, muestre el mensaje de ruptura si el ' romperCond ” contiene el valor de “ verdadero ”.
Después de la compilación, la consola se ve así:
La instantánea muestra que la ruptura de jQuery “ cada() El bucle se ha realizado con éxito.
Conclusión
Para salir de jQuery's ' cada() ” bucle, varios enfoques como “ falso retorno ' declaración, ' Lanzar una excepción ”, y la creación de un “ bandera personalizada ' puede ser usado. Los enfoques anteriores detienen el ciclo de ejecución general cuando se cumple una determinada condición. Esta guía ha demostrado con éxito los enfoques mediante los cuales el desarrollador puede salir del bucle jQuery “each()”.