Exam-Lib: Chaînes de caractères en JavaScript : String | Exam-Lib
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
Dismiss Notice
Welcome to our Education website, plz like our page facebook to support us. Thank You and wish you good navigation

Chaînes de caractères en JavaScript : String

abdelouafiNov 5, 2018

    1. abdelouafi

      abdelouafi Administrator Staff Member

      Messages:
      728
      Likes Received:
      14
      Trophy Points:
      38
      Joined
      Sep 13, 2016
      Les chaînes JavaScript sont utilisées pour stocker et manipuler du texte.

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

      Exemple
      Code:
      var x = "John Doe";
      
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      
      <h2>JavaScript Strings</h2>
      
      <p id="demo"></p>
      
      <script>
      var x = "John Doe";  // String written inside quotes
      document.getElementById("demo").innerHTML = x;
      </script>
      
      </body>
      </html>
      
      Vous pouvez utiliser des guillemets simples ou doubles:

      Exemple
      Code:
      var carname = "Volvo XC60";  // Double quotes
      var carname = 'Volvo XC60';  // Single quotes
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Chaînes JavaScript </ h2>
      
      <p> Les chaînes sont écrites entre guillemets. Vous pouvez utiliser des guillemets simples ou doubles: </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      
      var carName1 = "Volvo XC60"; // Double citation
      var carName2 = 'Volvo XC60'; // Guillemets simples
      
      document.getElementById ("demo"). innerHTML =
      carName1 + "" + carName2;
      
      </ script>
      
      </ body>
      </ html>
      Vous pouvez utiliser des guillemets dans une chaîne, à condition qu'ils ne correspondent pas à ceux entourant la chaîne:

      Exemple
      Code:
      var answer = "ça va";
      var answer = "Il s'appelle 'Johnny'";
      var answer = 'Il s'appelle "Johnny"';
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Chaînes JavaScript </ h2>
      
      <p> Vous pouvez utiliser des guillemets dans une chaîne, à condition qu'ils ne correspondent pas à ceux qui entourent la chaîne. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      
      var answer1 = "C'est bon";
      var answer2 = "Il s'appelle 'Johnny'";
      var answer3 = 'Il s'appelle "Johnny"';
      
      document.getElementById ("demo"). innerHTML =
      answer1 + "<br>" + answer2 + "<br>" + answer3;
      
      </ script>
      
      </ body>
      </ html>
      Longueur de chaine
      La longueur d'une chaîne se trouve dans la longueur de la propriété intégrée:

      Exemple
      Code:
      var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
      var sln = txt.length;
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Propriétés de la chaîne JavaScript </ h2>
      
      <p> La propriété length renvoie la longueur d'une chaîne: </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
      document.getElementById ("demo"). innerHTML = txt.length;
      </ script>
      
      </ body>
      Comme les chaînes doivent être écrites entre guillemets, JavaScript ne comprendra pas cette chaîne:
      Code:
      var x = "Nous sommes les soi-disant" Vikings "du nord.";
      La chaîne sera coupée en "Nous sommes ce qu'on appelle".

      La solution pour éviter ce problème consiste à utiliser le caractère d'échappement barre oblique inversée.

      Le caractère d'échappement barre oblique inverse (\) transforme les caractères spéciaux en caractères de chaîne:
      upload_2018-11-5_10-37-0.png
      La séquence \ "insère un guillemet double dans une chaîne:

      Exemple
      Code:
      var x = "Nous sommes les soi-disant \" Vikings \ "du nord.";
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Chaînes JavaScript </ h2>
      
      <p> La séquence d'échappement \ "insère un guillemet double dans une chaîne. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      
      var x = "Nous sommes les soi-disant \" Vikings \ "du nord.";
      document.getElementById ("demo"). innerHTML = x;
      
      </ script>
      
      </ body>
      </ html>
      La séquence \ 'insère un guillemet simple dans une chaîne:

      Exemple
      Code:
      var x = 'It\'s alright.';
      
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Chaînes JavaScript </ h2>
      
      <p> La séquence d'échappement \ 'insère un guillemet simple dans une chaîne. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var x = 'It\'s alright.';
      document.getElementById("demo").innerHTML = x;
      
      </script>
      
      </body>
      </html>
      La séquence \\ insère une barre oblique inverse dans une chaîne:

      Exemple
      Code:
      var x = "Le caractère \\ s'appelle une barre oblique inversée.";
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Chaînes JavaScript </ h2>
      
      <p> La séquence d'échappement \\ insère une barre oblique inverse dans une chaîne. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      
      var x = "Le caractère \\ s'appelle une barre oblique inversée.";
      document.getElementById ("demo"). innerHTML = x;
      
      </ script>
      
      </ body>
      </ html>
      Six autres séquences d'échappement sont valides en JavaScript:
      • \ b Retour arrière
      • \ f Form Feed
      • \ n nouvelle ligne
      • Retour chariot
      • \ t Tabulateur horizontal
      • \ v Tabulateur vertical
      Remarque: 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 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 casser est après un opérateur:

      Exemple
      Code:
      document.getElementById("demo").innerHTML =
      "Hello Dolly!";
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Instructions JavaScript </ h2>
      
      <p>
      Le meilleur endroit pour casser une ligne de code est après un opérateur ou une virgule.
      </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      document.getElementById ("demo"). innerHTML =
      "Bonjour Dolly!";
      </ script>
      
      </ body>
      </ html>
      Vous pouvez également séparer une ligne de code dans une chaîne de texte avec une seule barre oblique inverse:

      Exemple
      Code:
      document.getElementById("demo").innerHTML = "Hello \
      Dolly!";
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Chaînes JavaScript </ h2>
      
      <p>
      Vous pouvez rompre une ligne de code dans une chaîne de texte avec une barre oblique inverse.
      </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      document.getElementById ("demo"). innerHTML = "Hello \
      Chariot!";
      </ script>
      
      </ body>
      </ html>
      Remarque:
      La méthode \ n'est pas la méthode préférée. Il pourrait ne pas avoir de support universel.
      Certains navigateurs n'autorisent pas les espaces derrière le caractère \.

      Un moyen plus sûr de rompre une chaîne consiste à utiliser l'addition de chaîne:

      Exemple
      Code:
      document.getElementById("demo").innerHTML = "Hello " +
      "Dolly!";
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Chaînes JavaScript </ h2>
      
      <p>
      Le moyen le plus sûr de casser une ligne de code dans une chaîne consiste à ajouter une chaîne.
      </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      document.getElementById ("demo"). innerHTML = "Hello" +
      "Dolly!";
      </ script>
      
      </ body>
      </ html>
      Vous ne pouvez pas rompre une ligne de code avec une barre oblique inverse:

      Exemple
      Code:
      document.getElementById("demo").innerHTML = \
      "Hello Dolly!";
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Instructions JavaScript </ h2>
      
      <p id = "demo"> Vous ne pouvez pas rompre une ligne de code avec une \ barre oblique inverse. </ p>
      
      <script>
      document.getElementById ("demo"). innerHTML = \
      "Bonjour Dolly.";
      </ script>
      
      </ body>
      </ html>
      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 également être définies comme des objets avec le mot-clé new:
      Code:
      var firstName = new String("John");
      
      
      Exemple:
      Code:
      var x = "John";
      var y = new String("John");
      
      // typeof x will return string
      // typeof y will return object
      Code:
      <!DOCTYPE html>
      <html>
      <body>
      <p id="demo"></p>
      
      <script>
      var x = "John";              // x is a string
      var y = new String("John");  // y is an object
      
      document.getElementById("demo").innerHTML =
      typeof x + "<br>" + typeof y;
      </script>
      
      </body>
      </html>
      
      Remarque: Don't create strings as objects. It slows down execution speed.
      The new keyword complicates the code. This can produce some unexpected results:

      Lorsque vous utilisez l'opérateur ==, les chaînes égales sont égales:

      Exemple
      Code:
      var x = "John";
      var y = new String ("John");
      
      // (x == y) est vrai car x et y ont des valeurs égales
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Ne créez jamais de chaînes en tant qu'objets. </ h2>
      <p> Les chaînes et les objets ne peuvent pas être comparés en toute sécurité. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var x = "John"; // x est une chaîne
      var y = new String ("John"); // y est un objet
      document.getElementById ("demo"). innerHTML = (x == y);
      </ script>
      
      </ body>
      </ html>
      Lors de l'utilisation de l'opérateur ===, les chaînes égales ne sont pas égales, car l'opérateur === s'attend à une égalité de type et de valeur.

      Exemple
      Code:
      var x = "John";
      var y = new String ("John");
      
      // (x === y) est faux car x et y ont des types différents (chaîne et objet)
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Ne créez jamais de chaînes en tant qu'objets. </ h2>
      <p> Les chaînes et les objets ne peuvent pas être comparés en toute sécurité. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var x = "John"; // x est une chaîne
      var y = new String ("John"); // y est un objet
      document.getElementById ("demo"). innerHTML = (x === y);
      </ script>
      
      </ body>
      </ html>
      Ou même pire. Les objets ne peuvent pas être comparés:

      Exemple
      Code:
      var x = new String ("John");
      var y = new String ("John");
      
      // (x == y) est faux car x et y sont des objets différents
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Ne créez jamais de chaînes en tant qu'objets. </ h2>
      <p> Les objets JavaScript ne peuvent pas être comparés. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var x = new String ("John"); // x est un objet
      var y = new String ("John"); // y est un objet
      document.getElementById ("demo"). innerHTML = (x == y);
      </ script>
      
      </ body>
      </ html>
      Exemple:
      Code:
      var x = new String ("John");
      var y = new String ("John");
      
      // (x === y) est faux car x et y sont des objets différents
      Code:
      <! DOCTYPE html>
      <html>
      <body>
      
      <h2> Ne créez jamais de chaînes en tant qu'objets. </ h2>
      <p> Les objets JavaScript ne peuvent pas être comparés. </ p>
      
      <p id = "demo"> </ p>
      
      <script>
      var x = new String ("John"); // x est un objet
      var y = new String ("John"); // y est un objet
      document.getElementById ("demo"). innerHTML = (x === y);
      </ script>
      
      </ body>
      </ html>

      Remarque:
      Notez la différence entre (x == y) et (x === y).
      Comparer deux objets JavaScript retournera toujours faux.
       
      Related Threads
      Loading...

      Merci de partager ce post sur facebook

    2. Merci d'aimer notre facebook page

Share This Page