Este guia explica o uso e os métodos para interromper o loop each() do jQuery. Esses métodos são descritos abaixo:
- Como sair do jQuery each () Loop?
- Usando Declaração Falsa de Retorno
- Lançando uma exceção
- Usando sinalizador personalizado
Como sair do loop “each ()” do jQuery?
A saída do “ cada() ” O loop do jQuery pode otimizar a velocidade de execução do código e permite que os desenvolvedores saiam do loop prematuramente com base em condições específicas. Saindo do jQuery “ cada() ” loop, o desenvolvedor pode sair imediatamente do loop e lidar com o erro ou executar as ações apropriadas sem prosseguir com as iterações restantes.
Existem alguns métodos ou abordagens que podem ser usados para interromper o loop “each ()” do jQuery, esses métodos são descritos abaixo.
Método 1: Usando Declaração Falsa de Retorno
Ao retornar o valor de false o loop “each()” pula imediatamente a iteração restante e evita iterações desnecessárias, conforme mostrado abaixo:
< roteiro >
const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
console. registro ( 'Coleção original: ' + coll ) ;
$. cada ( coll , função ( eu , Ele também residia ) {
console. registro ( Ele também residia ) ;
se ( Ele também residia === 7 ) {
retornar falso ;
}
} ) ;
roteiro >
Descrição do código acima:
- Primeiro, a matriz “ coll ” é criado contendo cinco valores fictícios que são impressos no console.
- Em seguida, utilize o “ cada() ” loop onde “ coll ” é usado como uma coleção e o retorno de chamada é passado como um par chave-valor chamado “ eu ' e ' residente ” respectivamente.
- Essa função de retorno de chamada itera sobre o “ coll ” e exibe o valor para cada índice correspondente.
- Quando ' cada() ” a iteração do loop atinge um “ 7 ” rompimento do loop de valor devido ao “ retorna falso ' declaração.
Após a compilação, a saída fica assim:
A saída mostra que o loop “each ()” do jQuery foi interrompido para exibir dados até que uma condição específica não seja alcançada.
Método 2: lançando uma exceção
Ao lançar uma exceção dentro do “ cada() ”, o desenvolvedor pode sair do loop “each ()” e pular para a lógica de tratamento de erros. Ele permite que os desenvolvedores executem ações específicas quando necessário, conforme mostrado abaixo:
< roteiro >const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
console. registro ( 'Elementos de dados originais:' + coll ) ;
tentar {
$. cada ( coll , função ( eu , Ele também residia ) {
console. registro ( Ele também residia ) ;
se ( Ele também residia === 7 ) {
lançar novo Erro ( 'Saia do loop' ) ;
}
} ) ;
} pegar ( erro ) {
console. registro ( erro. mensagem ) ; // Tratar o erro ou executar as ações necessárias
}
roteiro >
Descrição do código:
- Primeiro, a matriz “ coll ” é declarado que contém vários valores fictícios e imprime esses valores no console.
- Em seguida, dentro do “ tentar ” bloquear jQuery “ cada() ” loop é usado junto com a função de retorno de chamada que itera sobre a matriz para exibir cada entidade.
- Uma condição específica é utilizada dentro dela, que lança uma exceção quando essa condição é atendida.
- Agora, no “ pegar ” exibe as mensagens de erro se o usuário detectar algum erro.
Após a compilação:
A saída mostra apenas os elementos antes da ocorrência das condições serem recuperadas.
Método 3: usando sinalizador personalizado
O ' bandeira personalizada ” também pode ser definido para sair do loop jQuery each(), esses sinalizadores usam seus “ verdadeiro ' ou ' falso ” como um valor. O sinalizador é basicamente variáveis que são definidas como falsas se a condição desejada for atendida, conforme mostrado abaixo:
< roteiro >const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
vamos quebrarCond = falso ;
$. cada ( coll , função ( índice , item ) {
console. registro ( item ) ;
se ( item === 7 ) {
breakCond = verdadeiro ;
retornar falso ;
}
} ) ;
se ( breakCond ) {
console. registro ( 'Saia do loop' ) ;
}
roteiro >
Descrição do código:
- Primeiro, a matriz “ coll ” é declarado e uma variável booleana “ breakCond ” tendo um valor de “ falso ” também é criado. Essa variável atua como um sinalizador personalizado.
- Em seguida, o jQuery “ cada() ” loop é usado junto com a função de retorno de chamada para iterar sobre a matriz e exibir todos os valores de elementos residentes.
- Dentro dele, o “ se ” é usada para verificar a ocorrência do valor desejado e definir o valor de “ breakCond ” para true e retorne o valor de false para interromper o ciclo de execução.
- No final, exiba a mensagem de breakout se o “ breakCond ” contém o valor de “ verdadeiro ”.
Após a compilação, o console fica assim:
O instantâneo mostra que a quebra do jQuery “ cada() ” loop foi feito com sucesso.
Conclusão
Para sair do jQuery's ' cada() ” loop, várias abordagens como “ retorna falso ' declaração, ' Lançando uma exceção ”, e a criação de um “ bandeira personalizada ' pode ser usado. As abordagens acima interrompem o ciclo geral de execução quando uma determinada condição é atendida. Este guia demonstrou com sucesso as abordagens pelas quais o desenvolvedor pode sair do loop jQuery “each ()”.