Maison > interface Web > js tutoriel > le corps du texte

Comment créer une chaîne multiligne en JavaScript ?

WBOY
Libérer: 2023-09-25 20:37:02
avant
980 Les gens l'ont consulté

如何在 JavaScript 中创建多行字符串?

En JavaScript, une chaîne est une séquence de caractères contenant des lettres, des chiffres et des caractères spéciaux. Il existe trois façons de créer des chaînes en JavaScript.

La première façon de créer une chaîne consiste à utiliser des guillemets simples ci-dessous.

let string = 'Hello, this is a string using single quote!'; 
Copier après la connexion

La deuxième façon de créer une chaîne consiste à utiliser des guillemets doubles comme indiqué ci-dessous.

let string = "Hello, this is a string using double quote!"; 
Copier après la connexion

La troisième méthode introduite dans la version ES6 de JavaScript consiste à utiliser des backticks.

let string = `Hello, this is a string using back quotes!`; 
Copier après la connexion

Il existe donc une manière différente de créer une chaîne multiligne chaque fois que nous utilisons des backticks, des guillemets simples et des guillemets doubles. Nous apprendrons toutes les méthodes une par une.

Créez des chaînes multilignes avec des backticks

Lorsque nous créons une chaîne à l'aide d'un backtick (`), nous devons écrire la chaîne sur une nouvelle ligne, créant ainsi une chaîne multiligne.

Grammaire

Les utilisateurs peuvent créer des chaînes multilignes à l'aide de backticks en suivant la syntaxe suivante.

let string = `one line
second line
Third line`; 
Copier après la connexion

Dans la syntaxe ci-dessus, nous avons ajouté la séquence de caractères entre les backticks.

Exemple 1

Dans l'exemple ci-dessous, la variable chaîne contient une chaîne multiligne et nous utilisons des backticks pour créer la chaîne multiligne.

Dans la sortie, l'utilisateur peut observer les multiples lignes que nous avons écrites à l'intérieur des backticks.

let string = `This is first line! 
This is the second line!
This is the third line!
This is the fourth line!`
console.log(string);
Copier après la connexion

Créez des chaînes multilignes avec des guillemets simples et doubles

Lorsque nous créons une chaîne à l'aide de guillemets simples ou doubles, nous devons utiliser les caractères «

» pour créer des chaînes multilignes. Dans le caractère «

», « » représente le caractère d'échappement et « n » représente le caractère de nouvelle ligne.

Grammaire

Les utilisateurs peuvent créer des chaînes multilignes à l'aide des caractères d'échappement "

" en suivant la syntaxe suivante.

let string = 'Abcd ' + 'efg '; 
Copier après la connexion

Dans la syntaxe ci-dessus, les utilisateurs peuvent voir comment utiliser les caractères "

" et les guillemets simples pour créer des chaînes multilignes.

Exemple 2

Dans l'exemple ci-dessous, nous utilisons l'opérateur "+" pour concaténer plusieurs chaînes. De plus, nous utilisons des guillemets simples pour créer des chaînes.

Dans la sortie, nous pouvons voir le premier, le deuxième, le troisième et le quatrième sur des lignes différentes.

let string = 'One ' +
 'Second ' +
 'Third ' +
 'Fourth ';
console.log(string); 
Copier après la connexion

Exemple 3

Dans l'exemple ci-dessous, nous utilisons des guillemets doubles pour créer la chaîne. De plus, nous utilisons le caractère d'échappement "

" pour créer une chaîne sur plusieurs lignes.

let string = "One " +
"Second " +
"Third " +
"Fourth ";
console.log(string);  
Copier après la connexion

Dans ce tutoriel, nous avons appris deux façons de créer des chaînes multilignes. La première méthode utilise des backticks et l'autre méthode utilise des caractères d'échappement "

" avec des guillemets simples et doubles. Il est recommandé d'utiliser des backticks car nous pouvons également ajouter des variables entre les chaînes lors de leur utilisation.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!