Table des matières
Points clés à retenir
- Les boucles JavaScript sont essentielles à la répétition du code, et comprendre leur syntaxe et leurs nuances est crucial.
- L’instruction break vous permet de terminer une boucle plus tôt, permettant une exécution de code plus efficace.
- Sortir d’une boucle peut optimiser votre code, éviter les itérations inutiles et aider à gérer efficacement les erreurs.
Les boucles JavaScript vous permettent de répéter du code, mais vous devrez parfois quitter une boucle pour gérer un cas particulier. C’est là qu’intervient l’instruction break. Découvrez comment fonctionne l’instruction break et pourquoi vous pourriez en avoir besoin.
Comprendre les boucles JavaScript
Les boucles JavaScript vous permettent de répéter le code, gardant votre programme propre et réduisant les répétitions. Les boucles sont un concept important que presque tous les programmes que vous écrivez utiliseront. Donc, si vous commencez tout juste à apprendre JavaScript, vous devez vous assurer de bien comprendre les boucles.
Les différents types de boucles JavaScript que vous devez connaître incluent :
- pour la boucle
- boucle while
- faire… en boucle
- pour…en boucle
- pour…de boucle
Ils effectuent tous des itérations mais présentent de légères nuances qui les rendent chacun adaptés à des situations différentes. Voici à quoi ressemble la syntaxe de chaque type de boucle :
Type de boucle | Syntaxe | Description |
|---|---|---|
pour | for (init; cond; next) { | Exécute un bloc de code tant qu’une condition spécifiée (cond) est vraie. L’expression d’initialisation (init) s’exécute une fois, au début de la boucle, tandis que l’expression suivante s’exécute à chaque fois que la boucle atteint la fin du bloc de code. |
alors que | while (condition) { | Exécute un bloc de code tant qu’une condition spécifiée est vraie. |
faire pendant | do { | Exécute un bloc de code tant qu’une condition spécifiée est vraie. Vérifie la condition après avoir exécuté le bloc de code, il s’exécutera donc toujours au moins une fois. |
pour… dans | for (property in object) { | Exécute un bloc de code pour chaque propriété d’un objet. |
pour… de | for (element of iterable) { | Exécute un bloc de code pour chaque élément d’un objet itérable, comme un tableau, une chaîne ou une carte. |
Une introduction à la déclaration « break »
L’instruction break termine une boucle plus tôt. Au fur et à mesure que la boucle progresse, au contact de l’instruction break, elle s’arrête immédiatement. Cela amène le programme à passer à l’instruction suivante après la boucle.
break est utile pour arrêter une boucle à un point imprévisible, plutôt que d’attendre qu’un certain nombre d’itérations s’exécutent ou que la condition principale devienne fausse. Sa syntaxe est très simple :
break;
Comment utiliser « break » dans différentes boucles JavaScript
Ces exemples montrent comment vous pouvez sortir de chacune des boucles JavaScript disponibles. Portez une attention particulière aux valeurs des variables locales et au moment où elles sont imprimées ou évaluées.
Sortir d’une boucle 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);
Ce code résume un tableau d’éléments à l’aide d’une boucle for. La boucle parcourt chaque élément du tableau, en les additionnant. La condition vérifie si la somme dépasse 5. Si tel est le cas, l’instruction break termine la boucle.
Sortir d’une boucle 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);
Ce code utilise une boucle while pour trouver le produit des éléments d’un tableau. La boucle parcourt chaque élément du tableau, calculant le produit. Une instruction break à l’intérieur de la condition arrêtera la boucle lorsque le produit dépasse 10.
Sortir d’une boucle Do…While
let i = 1;do
{
if (i % 2 === 0)
{
console.log(i);
}i++;
if (i > 5)
{
break;
}
} while (i <= 10);
La boucle do… while parcourt les nombres de 1 à 10, imprimant des nombres pairs. L’instruction break dans la condition if vérifie si le compteur de boucle dépasse 5. Elle quitte la boucle si la condition est vraie.
Sortir d’une boucle for…in
const sentence = "Hello";
let result = "";for (let index in sentence)
{
if (index == 2)
{
break;
}result += sentence[index];
}console.log(result);
La boucle parcourt chaque caractère de la chaîne, les concaténant. Ici, la condition vérifie si l’index de la boucle est égal à 2. Si c’est le cas, elle quitte la boucle en utilisant break.
Sortir d’une boucle for…of
const numbers = [1, 2, 3, 4, 5];for (let num of numbers.reverse())
{
console.log(num);if (num === 3)
{
break;
}
}
La boucle parcourt chaque élément du tableau dans l’ordre inverse, les concaténant. Si la boucle rencontre la valeur 3, elle se terminera via l’instruction break.
L’importance de briser les boucles
Sortir d’une boucle peut être un moyen utile d’optimiser votre code. Quitter les boucles plus tôt peut éviter les itérations inutiles, réduire la complexité temporelle et vous permettre de gérer efficacement les erreurs.
Concentrez-vous sur la façon de sortir des différentes boucles JavaScript dans vos programmes pour renforcer votre compréhension.