HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
All web technology
Learn web development
Discover our tools
Get to know MDN better
Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
View in English Always switch to English
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
Une instruction étiquetée (labeled en anglais) peut être utilisée avec les instructions break ou continue. Un label permet d'identifier une instruction avec un identifiant pour y faire référence plus tard.
break
continue
let str = ""; loop1: for (let i = 0; i < 5; i++) { if (i === 1) { continue loop1; } str = str + i; } console.log(str); // Expected output: "0234"
Note : Les boucles ou les blocs étiquetés sont très rares et on peut généralement utiliser des appels de fonction plutôt que des sauts de boucle.
label: instruction;
label
N'importe quel identifiant JavaScript qui n'est pas un mot-clé réservé.
instruction
Une instruction. break peut être utilisé avec n'importe quelle instruction identifiée. continue ne peut être utilisé qu'avec des instructions de boucle.
Une étiquette (label) peut être utilisée pour identifier une boucle et pour y faire référence à l'intérieur en utilisant les instructions break ou continue afin d'interrompre cette boucle ou de reprendre son exécution.
JavaScript ne possède pas d'instruction goto, les étiquettes ne peuvent être utilisées que par les instructions break ou continue.
goto
En mode strict, on ne peut pas utiliser let comme étiquette, cela lèvera une exception SyntaxError (let est un identifiant réservé).
let
SyntaxError
var i, j; boucle1: for (i = 0; i < 3; i++) { //Le premier for correspond à "boucle1" boucle2: for (j = 0; j < 3; j++) { //Le second for correspond à "boucle2" if (i === 1 && j === 1) { continue boucle1; } else { console.log("i = " + i + ", j = " + j); } } } // On aura les résultats suivants : // "i = 0, j = 0" // "i = 0, j = 1" // "i = 0, j = 2" // "i = 1, j = 0" // "i = 2, j = 0" // "i = 2, j = 1" // "i = 2, j = 2" // On voit bien l'absence de "i = 1, j = 1" et "i = 1, j = 2"
Étant donné un tableau d'élément et un tableau de tests, cet exemple donne le nombre d'éléments qui ont réussi tous les tests.
var nbItemsReussis = 0; var i, j; top: for (i = 0; i < items.length; i++) { for (j = 0; j < tests.length; j++) { if (!tests[j].reussi(items[i])) { continue top; } } nbItemsReussis++; }
for
var i, j; boucle1: for (i = 0; i < 3; i++) { // première boucle étiquetée « boucle1 » boucle2: for (j = 0; j < 3; j++) { // seconde boucle étiquetée « boucle2 » if (i == 1 && j == 1) { break boucle1; } console.log("i = " + i + ", j = " + j); } } // Ce qui produira en sortie // (dans la console) // "i = 0, j = 0" // "i = 0, j = 1" // "i = 0, j = 2" // "i = 1, j = 0" // Ici on voit la différence avec l'exemple précédent utilisant continue
Étant donné un tableau d'éléments et un tableau de tests, cet exemple permet de déterminer si oui ou non tous les éléments ont réussis tous les tests.
var toutReussi = true; var i, j; top: for (i = 0; items.length; i++) for (j = 0; j < tests.length; i++) if (!tests[j].reusi(items[i])) { toutReussi = false; break top; }
On peut utiliser des étiquettes dans des blocs simples mais seul break permettra de faire référence à des étiquettes en dehors d'une boucle.
toto: { console.log("face"); break toto; console.log("this will not be executed"); } console.log("swap"); // On aura alors dans la console : // "face" // "swap
À partir d'ECMAScript 2015, les déclarations de fonctions étiquetées sont standardisées pour du code non-strict au sein de l'annexe de la spécification relative à la compatibilité web.
L: function F() {}
En revanche, en mode strict, cela lèvera une exception SyntaxError:
"use strict"; L: function F() {} // SyntaxError: functions cannot be labelled
Les fonctions génératrices ne peuvent pas être étiquetées, en mode strict, comme en mode non-strict :
L: function* F() {} // SyntaxError: generator functions cannot be labelled
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.