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.
Vous pouvez utiliser des guillemets simples ou doubles :
Exemple
laissez carName1 = « Volvo XC60 » ; // Double citation
laissez carName2 = ‘Volvo XC60’; // Guillemets simples
Essayez-le vous-même »
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 = « Tout va bien » ;
let answer2 = « Il s’appelle ‘Johnny' » ;
let answer3 = ‘Il s’appelle « Johnny »‘;
Essayez-le vous-même »
Longueur de chaine
Pour trouver la longueur d’une chaîne, utilisez la fonction intégrée length
propriété:
Exemple
let text = « ABCDEFGHIJKLMNOPQRSTUVWXYZ » ;
let length = text.length;
Essayez-le vous-même »
Caractère d’échappement
Étant donné que les chaînes doivent être écrites entre guillemets, JavaScript comprendra mal cette chaîne :
let text = « Nous sommes les soi-disant « Vikings » du nord. »;
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 barre oblique inverse.
La barre oblique inverse () le caractère d’échappement transforme les caractères spéciaux en caractères de chaîne :
Code | Résultat | Description |
---|---|---|
‘ | ‘ | Simple citation |
« | « | Double citation |
\ | Barre oblique inverse |
La séquence "
insère un guillemet double dans une chaîne :
La séquence '
insère un guillemet simple dans une chaîne :
La séquence \
insère une barre oblique inverse dans une chaîne :
Six autres séquences d’échappement sont valides en JavaScript :
Code | Résultat |
---|---|
b | Retour arrière |
F | Saut de formulaire |
n | Nouvelle ligne |
r | Retour chariot |
t | Tabulateur horizontal |
v | Tabulateur vertical |
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 :
Vous pouvez également décomposer une ligne de code dans une chaîne de texte avec une seule barre oblique inverse :
Le 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 personnage.
Un moyen plus sûr de décomposer une chaîne consiste à utiliser l’ajout de chaîne :
Exemple
document.getElementById(« démo »).innerHTML = « Bonjour » +
« Chariot! »;
Essayez-le vous-même »
Vous ne pouvez pas décomposer une ligne de code avec une barre oblique inverse :
Chaînes JavaScript en tant qu’objets
Normalement, les chaînes JavaScript sont des valeurs primitives, créées à partir de littéraux :
Mais les chaînes peuvent également être définies comme des objets avec le mot-clé new
:
soit 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 du ==
opérateur, x et y sont égal:
soit x = « Jean » ;
soit y = new String(« John »);
Essayez-le vous-même »
Lors de l’utilisation du ===
opérateur, x et y sont inégal:
soit x = « Jean » ;
soit y = new String(« John »);
Essayez-le vous-même »
Notez la différence entre (x==y)
et (x===y)
.
(x == y)
vrai ou faux?
soit x = new String(« John »);
soit y = new String(« John »);
Essayez-le vous-même »
(x === y)
vrai ou faux?
soit x = new String(« John »);
soit y = new String(« John »);
Essayez-le vous-même »
Comparer deux objets JavaScript toujours Retour FAUX.
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.
#Chaînes #JavaScript