Derniers tutoriels de développement web
 

JavaScript instruments à cordes


chaînes JavaScript sont utilisés pour le stockage et la manipulation de texte.


JavaScript Strings

Une chaîne JavaScript stocke simplement une série de personnages comme "John Doe" .

Une chaîne peut être tout texte entre guillemets. Vous pouvez utiliser des guillemets simples ou doubles:

Exemple

var carname = "Volvo XC60";
var carname = 'Volvo XC60';
Essayez - le vous - même »

Vous pouvez utiliser des guillemets dans une chaîne, tant qu'ils ne correspondent pas aux citations qui entourent la chaîne:

Exemple

var answer = "It's alright";
var answer = "He is called 'Johnny'";
var answer = 'He is called "Johnny"';
Essayez - le vous - même »

Longueur de chaîne

La longueur d'une chaîne se trouve dans le haut de la longueur de la propriété:

Exemple

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Essayez - le vous - même »

Caractères spéciaux

Parce que les chaînes doivent être écrites entre guillemets, JavaScript méprendre cette chaîne:

var y = "We are the so-called "Vikings" from the north."

La chaîne sera coupée à "We are the so-called " .

La solution pour éviter ce problème est d'utiliser le caractère d'échappement \.

Le caractère d'échappement transforme les caractères spéciaux dans les chaînes de caractères:

Exemple

var x = 'It\'s alright';
var y = "We are the so-called \"Vikings\" from the north."
Essayez - le vous - même »

Le caractère d'échappement (\) peut également être utilisé pour insérer d' autres caractères spéciaux dans une chaîne.

Voici la liste des caractères spéciaux qui peuvent être ajoutés à une chaîne de texte avec le signe backslash:

Code Les sorties
\' simple citation
\" double citation
\\ backslash
\n nouvelle ligne
\r retour chariot
\t languette
\b backspace
\f saut

Briser les lignes de code long

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 le casser est après un opérateur:

Exemple

document.getElementById("demo").innerHTML =
"Hello Dolly.";
Essayez - le vous - même »

Vous pouvez aussi briser une ligne de codedans une chaîne de texte avec une seule barre oblique inverse:

Exemple

document.getElementById("demo").innerHTML = "Hello \
Dolly!";
Essayez - le vous - même »

La méthode \ est pas un ECMAScript (JavaScript) standard.
Certains navigateurs ne permettent pas d' espaces derrière le \ caractère.

Le plus sûr (mais un peu plus lent) moyen de briser une longue chaîne est d'utiliser plus de chaîne:

Exemple

document.getElementById("demo").innerHTML = "Hello" +
"Dolly!";
Essayez - le vous - même »

Vous ne pouvez pas briser une ligne de code avec une barre oblique inverse:

Exemple

document.getElementById("demo").innerHTML = \
"Hello Dolly!";
Essayez - le vous - même »

Les chaînes peuvent être des objets

Normalement, les chaînes JavaScript sont des valeurs primitives, créées à partir de littéraux: var firstName = "John"

Mais les chaînes peuvent aussi être définis comme des objets avec le nouveau mot - clé: var firstName = new String("John")

Exemple

var x = "John";
var y = new String("John");

// typeof x will return string
// typeof y will return object
Essayez - le vous - même »

Ne pas créer des chaînes comme des objets. Il ralentit la vitesse d'exécution.
Le new mot - clé complique le code. Cela peut produire des résultats inattendus:

Lorsque vous utilisez l'opérateur d'égalité ==, cordes égales semble égale:

Exemple

var x = "John";             
var y = new String("John");

// (x == y) is true because x and y have equal values
Essayez - le vous - même »

Lorsque vous utilisez l'opérateur === d'égalité, les chaînes égales ne sont pas égaux, parce que l'opérateur === attend l'égalité à la fois le type et la valeur.

Exemple

var x = "John";             
var y = new String("John");

// (x === y) is false because x and y have different types (string and object)
Essayez - le vous - même »

Ou pire encore. Les objets ne peuvent pas être comparés:

Exemple

var x = new String("John");             
var y = new String("John");

// (x == y) is false because x and y are different objects
// (x == x) is true because both are the same object
Essayez - le vous - même »

objets JavaScript ne peuvent pas être comparés.

Testez-vous avec des exercices!

Exercice 1 » Exercice 2» Exercice 3 » Exercice 4»