MEILLEUR SITE POUR LES DÉVELOPPEURS WEB

JS Tutoriel

JS MAISON JS Introduction JS Où aller JS Sortir JS Déclarations JS Syntaxe JS Commentaires JS Variables JS Let JS Const JS Opérateurs JS Arithmétique JS Devoir JS Types de données JS Fonctions JS Objets JS Événements JS Chaînes JS Méthodes de chaîne JS Recherché de chaîne JS Modèles de chaînes JS Nombres JS Méthodes numériques JS Tableaux JS Méthodes de tableau JS Tri de tableau JS Itération de tableau JS Const. de tableau JS Dates JS Formats de dates JS Méthodes d'obtention de date JS Méthodes de définition de dates JS Math JS Mathématiques JS Booléens JS Comparaisons JS If Else JS Switch JS Boucle For JS Boucle For In JS Boucle For Of JS Boucle While JS Break JS Itérables JS Ensembles JS Cartes JS Typeof JS Conversion de types JS Au niveau du bit JS RegExp JS Errors JS Portée JS Levage JS Mode strict JS this Mot clé JS Fonction flèche JS Cours JS Modules JS JSON JS Débogage JS Guide de style JS Meilleures pratiques JS Erreurs JS Performance JS Mots réservés

JS Versions

JS Versions JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021/2022 JS IE / Edge JS Histoire

JS Objets

Définitions d'objets Propriétés de l'objet Méthodes d'objet Affichage des objets Accesseurs d'objet Constructeurs d'objets Prototypes d'objets Itérables d'objet Ensembles d'objets Cartes d'objets Référence d'objet

JS Fonctions

Définitions des fonctions Paramètres de fonction Invocation de fonction Appel de fonction Fonction Appliquer Fonction Liaison Fermetures de fonctions

JS Cours

Introduction au cours Héritage de classe Classe statique

JS Asynchrone

JS Rappels JS asynchrone JS Promesses JS Async/Await

JS HTML DOM

DOM Intro DOM Méthodes DOM Document DOM Éléments DOM HTML DOM Formulaires DOM CSS DOM Animations DOM Événements DOM Écouteur d'événements DOM Navigation DOM Nœuds DOM Collections DOM Listes de nœuds

JS Browser BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Web APIs

Web API Intro Formulaires Web API Historique Web API Stockage Web API Travailleur Web API Récupération Web API Géolocalisation Web API

JS AJAX

AJAX Intro AJAX XMLHttp AJAX Demande AJAX Réponse AJAX XML Déposer AJAX PHP AJAX ASP AJAX Base de données AJAX Applications AJAX Exemples

JS JSON

JSON Intro JSON Syntaxe JSON vs XML JSON Types de données JSON Analyser JSON Stringifier JSON Objets JSON Tableaux JSON Serveur JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery Sélecteurs jQuery HTML jQuery CSS jQuery DOM

JS Graphique

JS Graphique JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Exemples

JS Exemples JS HTML DOM JS HTML Input JS HTML Objets JS HTML Événements JS Browser JS Éditeur JS Exercices JS Questionnaire JS Camp d'entraînement JS Certificat

JS Références

JavaScript Objets HTML DOM Objets

JavaScript. W3Schools en français. Cours pour débutants

En Ua Es De

JavaScript Chaînes

Les chaînes de JavaScript servent à stocker et à manipuler du texte.

Une chaîne JavaScript est constituée de zéro ou plusieurs caractères écrits entre guillemets.

Exemple

let text = "John Doe";
Try it Yourself »

Vous pouvez utiliser des guillemets simples ou doubles :

Exemple

let carName1 = "Volvo XC60" // Guillemets doubles
let carName2 = 'Volvo XC60'// Guillemets simples
Try it Yourself »

Vous pouvez utiliser des guillemets à l'intérieur d'une chaîne, à condition 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"';
Try it Yourself »

Longueur de la chaîne

Pour trouver la longueur d'une chaîne, utilisez la propriété intégrée length :

Exemple

let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;
Try it Yourself »

Caractère d'échappement

Étant donné que les chaînes doivent être écrites entre guillemets, JavaScript ne comprendra pas cette chaîne :

let text = "We are the so-called "Vikings" from the north.";

La chaîne sera découpée en « Nous sommes les soi-disant ».

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

Le caractère d'échappement barre oblique inverse (\) transforme les caractères spéciaux en caractères de chaîne :

Code Résultat Description
\' ' Citation simple
\" " Citation double
\\ \ Barre oblique inverse

La séquence \"  insère un guillemet double dans une chaîne :

Exemple

let text = "We are the so-called \"Vikings\" from the north.";
Try it Yourself »

La séquence \'  insère un guillemet simple dans une chaîne :

Exemple

let text= 'It\'s alright.';
Try it Yourself »

La séquence \\  insère une barre oblique inverse dans une chaîne :

Exemple

let text = "Le caractère \\ est appelé barre oblique inverse.";
Try it Yourself »

Six autres séquences d'échappement sont valides en JavaScript :

Code Résultat
\b Retour arrière
\f Flux 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.


Séparation des lignes de code longues

Pour une meilleure lisibilité, les programmeurs préfèrent 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 séparer est après un opérateur :

Exemple

document.getElementById("demo").innerHTML =
"Hello Dolly!";
Try it Yourself »

Vous pouvez également diviser une ligne de code dans une chaîne de texte avec une seule barre oblique inverse :

Exemple

document.getElementById("demo").innerHTML = "Hello \
Dolly!"
;
Try it Yourself »

La méthode \ n'est pas la méthode préférée. Elle n'est peut-être pas prise en charge universelle.
Certains navigateurs n'autorisent pas les espaces derrière le caractère \.

Une manière plus sûre de décomposer une chaîne est d'utiliser l'addition de chaîne :

Exemple

document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";
Try it Yourself »

Vous ne pouvez pas séparer une ligne de code avec une barre oblique inverse :

Exemple

document.getElementById("demo").innerHTML = \
"Hello Dolly!";
Try it Yourself »

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 également ê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");
Try it Yourself »

Ne créez pas d'objets Strings.

Le mot-clé new 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");
Try it Yourself »

Lors de l'utilisation de l'opérateur ===, x et y ne sont pas égaux :

let x = "John";
let y = new String("John");
Try it Yourself »

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");
Try it Yourself »

(x === y) vrai ou faux ?

let x = new String("John");
let y = new String("John");
Try it Yourself »

La comparaison de deux objets JavaScript renvoie toujours false.

Référence complète des chaînes

Pour une référence complète des chaînes, accédez à notre :

Référence complète des chaînes JavaScript.

La référence contient des descriptions et des exemples de toutes les propriétés et méthodes de chaîne.


Testez-vous avec des exercices

Exercice :

Utilisez la propriété length pour signaler la longueur de txt.

let txt = "Hello World!";
let x = ;
alert(x);