String

L'objet global String est un constructeur de chaînes de caractères.

Syntaxe

Les littéraux de chaînes de caractères peuvent avoir l'une des formes suivantes :

'texte de chaînes de caractères'
"texte de chaînes de caractères"
"中文 español English देवनागरी العربية português বাংলা русский 日本語 ਪੰਜਾਬੀ 한국어 עברית"

Les chaînes peuvent également être créées en utilisant directement le constructeur String :

String(texte)

Paramètres

texte
Une valeur qu'on souhaite convertir en une chaîne de caractères.

Littéraux de gabarits

Depuis ECMAScript 2015, les littéraux de chaînes de caractères sont également appelés des littéraux de gabarits :

`Coucou monde`
`Coucou !
monde !`
`Coucou ${qui}`
tag `<a>${qui}</a>`

Échappement des caractères

En dehors des caractères classiques, des caractères spéciaux peuvent être encodés grâce à l'échappement :

Code Résultat
\XXX (XXX = 1 à 3 chiffres octaux pour l'intervalle 0 - 377) Caractère ISO-8859-1. Point de code Unicode entre U+0000 et U+00FF
\' simple quote
\" double quote
\\ barre oblique inversée
\n nouvelle ligne
\r retour chariot
\v tabulation verticale
\t tabulation
\b retour arrière
\f saut de page (form feed)
\uXXXX (XXXX étant 4 chiffres hexadécimaux pour l'intervalle of 0x0000 - 0xFFFF) Codet UTF-16. Point de code Unicode entre U+0000 et U+FFFF
\u{X} ... \u{XXXXXX} (X…XXXXXX étant 1 à 6 chiffres hexadécimaux pour l'intervalle 0x0 - 0x10FFFF) Codet UTF-32. Point de code Unicode entre U+0000 et U+10FFFF This is an experimental API that should not be used in production code.
\xXX (XX étant 2 chiffres hexadécimaux pour l'intervalle 0x00 - 0xFF) Caractère ISO-8859-1. Point de code Unicode entre U+0000 et U+00FF

Note : À la différence d'autres langages, JavaScript ne différencie pas les chaînes contenues dans des doubles quotes (") de celles contenues dans des simples quotes ('). Pour cette raison, les chaînes d'échappement présentées ci-avant fonctionnent sur les chaînes, peu importe la façon dont elles sont encadrées.

Littéraux pour les chaînes longues

Il peut arriver que le code contienne des chaînes plutôt longues. Plutôt que d'avoir des lignes qui s'étirent sur tout le fichier et dans un éditeur de code, il est possible de casser la chaîne sur plusieurs lignes sans que cela modifie le contenu de la chaîne. Il existe deux façons pour le faire :

let chaîneLongue = "Voici une très longue chaîne qui a besoin " +
                   " d'être passée à la ligne parce que sinon " +
                   " ça risque de devenir illisible.";

ou on peut utiliser le caractère barre oblique inversée "\" à la fin de chaque ligne pour indiquer que la chaîne continue sur la ligne suivante. Il faut bien faire attention à ce que la barre oblique soit bien le dernier caractère de la ligne avant le saut de ligne. Sinon, cela ne fonctionnera pas. Voilà comment se présente cette forme :

let chaîneLongue = "Voici une très longue chaîne qui a besoin \
d'être passée à la ligne parce que sinon \
ça risque de devenir illisible.";

Description

Les chaînes de caractères sont utiles pour représenter des données textuelles. Les opérations les plus fréquentes qui concernent les chaînes de caractères sont : la vérification de leur longueur, la concaténation de plusieurs chaînes grâce aux opérateurs + et +=, étudier la présence et la position de fragments de chaînes avec les méthodes indexOf() et substring().

Accéder à un caractère

Il existe deux façons d'accéder à un caractère dans une chaîne. La première façon consiste à utiliser la méthode charAt() :

return 'chat'.charAt(2); // renvoie "a"

La seconde méthode, introduite avec ECMAScript 5, est de manipuler la chaîne comme un tableau, où les caractères sont les éléments du tableau et ont un indice correspondant à leur position :

return 'chat'[2]; // renvoie "a"

En utilisant la seconde notation, il est impossible de supprimer ou d'affecter une valeur à ces propriétés. En effet, les propriétés concernées ne sont ni accessibles en écriture ni configurables. Pour plus d'informations, voir la page de Object.defineProperty().

Comparer des chaînes de caractères

Les développeurs C utilisent la fonction strcmp() pour comparer des chaînes de caractères. En JavaScript, il est possible d'utiliser les opérateurs inférieur et supérieur :

var a = "a";
var b = "b";
if (a < b) { // true
  console.log(a + " est inférieure à " + b);
} else if (a > b) {
  console.log(a + " est supérieure à " + b);
} else {
  console.log(a + " et " + b + " sont égales.");
}

On peut obtenir un résultat semblable avec la méthode localeCompare() qui permet de prendre en compte la locale utilisée et qui est héritée par toutes les instances de String.

Les différences entre les objets String et le type primitif pour les chaînes de caractères

Les objets String sont créés en appelant le constructeur new String(). L'objet String encapsule le type de données primitif string de JavaScript en fournissant les méthodes décrites plus bas. La fonction globale String() peut également être appelée sans l'opérateur new pour créer une chaîne primitive. Les chaînes littérales dans le code JavaScript sont des chaînes primitives. (On a la même analogie pour Boolean et Numbers.)

Étant donné que JavaScript effectue automatiquement les conversions entre chaînes primitives et objets String, toute méthode de l'objet String peut être appelée sur une chaîne primitive. JavaScript convertira automatiquement la chaîne en un objet String temporaire, appellera la méthode, puis détruira l'objet temporaire. Par exemple, on peut utiliser la propriété String.length sur une chaîne créée de manière littérale :

var s_prim = "toto";
var s_obj = new String(s_prim);

console.log(typeof s_prim); // affiche "string"
console.log(typeof s_obj);  // affiche "object"

(Une chaîne littérale peut être délimitée par des guillemets simples ou doubles.)

Les objets String peuvent être convertis en chaînes primitives à l'aide de String.valueOf().

Les chaînes primitives et les objets String renvoient des résultats différents lorsqu'ils sont évalués en JavaScript. Les chaînes primitives sont traitées comme du code source, tandis que les objets String sont traités comme un objet de séquence de caractères. Par exemple :

s1 = "2 + 2";                    // crée une chaîne primitive
s2 = new String("2 + 2");        // crée un objet String
console.log(eval(s1));           // renvoie le nombre 4
console.log(eval(s2));           // renvoie la chaîne "2 + 2"
console.log(eval(s2.valueOf())); // renvoie le nombre 4

Pour ces raisons, il peut y avoir certains problèmes quand le code attend une chaîne primitive plutôt qu'un objet String. Généralement la distinction n'a pas besoin d'être utilisée.

Un objet String peut toujours être converti en son équivalent primitif grâce à la méthode valueOf().

console.log(eval(s2.valueOf())); // renvoie  4
Note : Une autre approche pour gérer des chaînes de caractères en JavaScript consiste à utiliser StringView – une représentation semblable à celle utilisée par le langage C pour traîter les chaînes comme des tableaux typés.

Propriétés

String.prototype
permet d'ajouter des propriétés à tous les objets String.

Méthodes

String.fromCharCode()
Renvoie une chaine de caractères créée en utilisant la séquence de valeurs Unicode fournie.
String.fromCodePoint()
Renvoie une chaine de caractères créée en utilisant la séquence de points de code fournie.
String.raw() This is an experimental API that should not be used in production code.
Renvoie une chaine de caractères à partir d'un modèle brut de chaine de caractères.

Instances de String

Propriétés

String.prototype.constructor
Définit la fonction créant le prototype d'un objet.
String.prototype.length
Reflète la longueur de la chaîne
N
Utilisée pour accéder au caractère en Nème position où N est un entier entre 0 et la valeur de String.length moins un. Ces propriétés sont en lecture seule.

Méthodes

Méthodes non liées à HTML

{{page('fr/docs/Web/JavaScript/Reference/Objets_globaux/String/prototype', 'Méthodes non liées à HTML')}}

Méthodes de transformation à HTML

Ces méthodes ont une utilisation limitée, étant donné qu'elles ne fournissent qu'un petit sous-ensemble des balises et attributs HTML existants.

String.prototype.anchor() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<a name="name"> (cible hypertexte)
String.prototype.big() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<big>
String.prototype.blink() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<blink>
String.prototype.bold() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<b>
String.prototype.fixed() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<tt>
String.prototype.fontcolor() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<font color="color">
String.prototype.fontsize() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<font size="size">
String.prototype.italics() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<i>
String.prototype.link() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<a href="url"> (lien vers une URL)
String.prototype.small() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<small>
String.prototype.strike() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<strike>
String.prototype.sub() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<sub>
String.prototype.sup() Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner.
<sup>

Exemples

Il est possible d'utiliser String comme une alternative à toString() car cela permet de traiter les valeurs null, undefined et les symboles. Ainsi :

var chainesSortie= [];
for (let i = 0, n = valeursEntrée.length; i < n; ++i) {
  chainesSortie.push(String(valeursEntrée[i]));
}

Spécifications

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi