La manipulation de chaînes est facile à apprendre mais plus difficile à maîtriser en JavaScript. Auparavant, les chaînes multilignes n'étaient pas prises en charge par JavaScript. Après 2015, des littéraux de chaîne ont été introduits par ES6 (ECMAScript 6) qui prennent en charge les chaînes multilignes.
Désormais, il existe plusieurs façons de gérer une chaîne multiligne. Nous discuterons de ces différentes méthodes pour gérer les chaînes multilignes une par une dans ce chapitre.
Voici quelques façons de travailler avec une chaîne multiligne :
Méthode 1
C'est la manière la plus simple de Javascript pour afficher le texte de la chaîne sur plusieurs lignes. Utilisez l'onglet Ligne de rupture (
) ou HTML dans la fonction document.write() pour démarrer le texte à partir de la nouvelle ligne.
Exemple
Voici l'implémentation pratique d'une chaîne multiligne à l'aide de la programmation JavaScript :
Copier le code
Multiple new lines example document.write('This is first line display using JavaScript.'); document.write(' <br>'); document.write('This is second line and divided using break line tab of HTML.'); document.write(' <br>'); document.write('Now, we again printed another new line.')Testez-le maintenant
Sortir
Lorsque vous exécuterez ce code, trois chaînes de texte vous afficheront sur le Web qui seront divisées à l'aide de l'onglet de ligne de rupture (
) de HTML .
This is first line display using JavaScript. This is second line and divided using break line tab of HTML. Now, we again printed another new line.
Exemple 2 : concaténation d'une chaîne individuelle
Dans cet exemple, nous imprimerons simplement la chaîne multiligne sans aucun saut de ligne en utilisant la programmation JavaScript :
Copier le code
Multiple new lines example var myString ='Javatpoint is a website of technologies, ' + 'which provides tutorials of different technologies and tools. ' + 'Here you will get tutorials in detail' + 'like theory as well as practical implementation.' + ' <br> We will try to provide you the best knowledge from our side.' + 'Student, teachers, and industry professionals can learn from here.'; document.write(myString);Testez-le maintenant
Sortir
Lorsque vous exécuterez ce code, deux paragraphes de texte s'afficheront sur le Web qui seront divisés à l'aide de l'onglet de ligne de rupture (
) de HTML.
Javatpoint is a website of technologies, which provides tutorials of different technologies and tools. Here you will get tutorials in detail 'like theory as well as practical implementation. We will try to provide you the best knowledge from our side. 'Student, teachers, and industry professionals can learn from here.
Exemple 3
Il s'agit d'un exemple simple d'impression de texte multiligne à l'aide de la programmation JavaScript. En cela, nous avons uniquement utilisé HTML
onglet pour diviser les phrases en plusieurs lignes :
Copier le code
Multiple new lines example var multilineString ='JavaScript is a programming language that is useful for web development at client-side execution.' + 'This language is very light-weighted mostly used to put validations, so they check at the client-side.' + ' <br> Nowadays, it is very trending in market for web development.' + ' <br> As it also allows dynamic execution of code.'; document.write(multilineString);Testez-le maintenant
Sortir
Lorsque vous exécuterez ce code, trois paragraphes vous afficheront sur le Web qui seront divisés à l'aide de l'onglet de ligne de rupture (
) de HTML.
cout
JavaScript is a programming language that is popular for web development at the client-side execution. This language is very light-weighted mostly used to put validations, so they check at client-side. Nowadays, it is very trending in market for web development. As it also allows dynamic execution of code.
Méthode 2 : Vous pouvez également passer la chaîne de texte à l'intérieur
ou ou titre onglets ( Exemple de création de chaîne multiligne à l'aide de JavaScript et HTML
Cliquez sur le bouton pour insérer du texte multiligne
Afficher multiligne function showMultilineString() { multilineString = ' ' + 'Il s'agit d'un en-tête utilisant l'onglet h3.
' + 'Ceci est une autre nouvelle ligne de chaîne. + 'Nous avons combiné toutes ces chaînes à l'aide de' + 'opérateur de concaténation. Cette chaîne de texte vous montrera deux trois lignes.
' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Testez-le maintenantSortir
Une sortie vous affichera sur le Web en exécutant ce qui précède. Voir la réponse ci-dessous ; tu verras un Afficher multiligne bouton pour vous montrer une chaîne de texte.
Cliquez ici Afficher multiligne Un bouton et une chaîne de texte vous afficheront sur plusieurs lignes. Voir le résultat ci-dessous :
