Les solutions pour faire un retour à la ligne dans du code Javascript.
En Javascript, on trouve plusieurs solutions pour faire un retour à la ligne. Faisons un petit tour des différentes possibilités offertes par le langage.
La première solution pour faire un retour à la ligne est l'utilisation d'une séquence d'échappement. Les séquences d'échappements sont des suites de caractères qui ont un rôle particulier à l'endroit où elles sont placées dans une chaîne de caractère. Il en existe de nombreuses, mais celle qui nous intéresse ici est le \n
qui représente un retour à la ligne.
On peut ainsi l'utiliser dans notre code comme ci-dessous. Lorsque Javascript va interprétrer cette séquence, il va la remplacer par un retour à la ligne.
console.log('Hello World !\nHow are you ?')
/*
Hello World !
How are you ?
*/
Une deuxième solution pour nos retours à la ligne est l'utilisation d'un template literal (ou Littéraux de gabarits en français). Un template litteral est une chaîne de caractère permettant d'intégrer des expressions comme des chaînes multi-ligne ou de l'interpolation. Mais ce qui nous intéresse ici est l'interprétation du retour à la ligne. Le template litteral est caractérisé par les Magic quotes (``)
Alt gr + 7
console.log(`Hello World !
How are you ?`)
/*
Hello World !
How are you ?
*/
<br/>
La dernière solution qu'on présentera dans cet article est l'utilisation d'un balise <br/>
dans la chaîne de caractère. A l'image de la séquence d'échappement, la balise <br/>
sera interprété dans le code html comme un retour à la ligne.
En Javascript, on peut écrire avec document.write
directement dans le DOM.
document.write('Hello World !<br/>How are you ?')
Le résultat nous donne en HTML le code présent ci-dessous
<body>
Hello World !
<br />
How are you ?
</body>