Chaînes JavaScript
Les chaînes JavaScript servent à stocker et à manipuler du texte.
Une chaîne JavaScript est composée de zéro ou plusieurs caractères écrits entre guillemets.
Exemple
let text = "John Doe";
Vous pouvez utiliser des guillemets simples ou doubles :
Exemple
let carName1 = "Volvo XC60";
// Double quotes
let carName2 = 'Volvo XC60'; // Single quotes
Vous pouvez utiliser des guillemets à l'intérieur d'une chaîne, tant qu'ils ne correspondent pas aux guillemets entourant la chaîne :
Exemple
let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';
Longueur de chaine
Pour trouver la longueur d'une chaîne, utilisez la length
propriété intégrée :
Exemple
let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;
Caractère d'échappement
Étant donné que les chaînes doivent être écrites entre guillemets, JavaScript comprendra mal cette chaîne :
let text = "We are the so-called "Vikings" from the north.";
La chaîne sera coupée à "Nous sommes les soi-disant".
La solution pour éviter ce problème est d'utiliser le caractère d'échappement antislash .
Le caractère d'échappement barre oblique inverse ( \
) transforme les caractères spéciaux en caractères de chaîne :
Code | Result | Description |
---|---|---|
\' | ' | Single quote |
\" | " | Double quote |
\\ | \ | Backslash |
La séquence \"
insère un guillemet double dans une chaîne :
Exemple
let text = "We are the so-called \"Vikings\" from the north.";
La séquence \'
insère un guillemet simple dans une chaîne :
Exemple
let text= 'It\'s alright.';
La séquence \\
insère une barre oblique inverse dans une chaîne :
Exemple
let text = "The character \\ is called backslash.";
Six autres séquences d'échappement sont valides en JavaScript :
Code | Result |
---|---|
\b | Backspace |
\f | Form Feed |
\n | New Line |
\r | Carriage Return |
\t | Horizontal Tabulator |
\v | Vertical Tabulator |
Les 6 caractères d'échappement ci-dessus ont été conçus à l'origine pour contrôler les machines à écrire, les télétypes et les télécopieurs. Ils n'ont aucun sens en HTML.
Briser les longues lignes de code
Pour une meilleure lisibilité, les programmeurs aiment souvent éviter les lignes de code de plus de 80 caractères.
Si une instruction JavaScript ne tient pas sur une seule ligne, le meilleur endroit pour la casser est après un opérateur :
Exemple
document.getElementById("demo").innerHTML =
"Hello Dolly!";
Vous pouvez également décomposer une ligne de code dans une chaîne de texte avec une seule barre oblique inverse :
Exemple
document.getElementById("demo").innerHTML =
"Hello \
Dolly!";
La \
méthode n'est pas la méthode préférée. Il se peut qu'il n'ait pas de support universel.
Certains navigateurs n'autorisent pas les espaces derrière le \
caractère.
Un moyen plus sûr de décomposer une chaîne consiste à utiliser l'ajout de chaîne :
Exemple
document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";
Vous ne pouvez pas décomposer une ligne de code avec une barre oblique inverse :
Exemple
document.getElementById("demo").innerHTML = \
"Hello Dolly!";
Chaînes JavaScript en tant qu'objets
Normalement, les chaînes JavaScript sont des valeurs primitives, créées à partir de littéraux :
let x = "John";
Mais les chaînes peuvent aussi être définies comme des objets avec le mot-clé new
:
let y = new String("John");
Exemple
let x = "John";
let y = new String("John");
Ne créez pas d'objets Strings.
Le new
mot clé complique le code et ralentit la vitesse d'exécution.
Les objets String peuvent produire des résultats inattendus :
Lors de l'utilisation de l' ==
opérateur, x et y sont égaux :
let x = "John";
let y = new String("John");
Lors de l'utilisation de l' ===
opérateur, x et y ne sont pas égaux :
let x = "John";
let y = new String("John");
Notez la différence entre (x==y)
et (x===y)
.
(x == y)
vrai ou faux?
let x = new String("John");
let y = new String("John");
(x === y)
vrai ou faux?
let x = new String("John");
let y = new String("John");
La comparaison de deux objets JavaScript renvoie toujours false .
Référence de chaîne complète
Pour une référence complète de String, rendez-vous sur :
Référence de chaîne JavaScript complète .
La référence contient des descriptions et des exemples de toutes les propriétés et méthodes de chaîne.