Les chaînes de caractères en JavaScript

Objectif

• Connaitre les chaines de caractères en JavaScript

Introduction

• Tous les langages de programmation prévoient une gestion des chaînes de caractères. JavaScript est particulièrement adapté pour le traitement des chaînes.
• Les chaînes de caractères sont définies en JavaScript comme dans la plupart des langages et même plus simple.
• La création et la manipulation de chaîne de caractères est très importante dans le JavaScript, qui est très à ouvert pour ce genre de traitements

La déclaration

• Pour déclarer une chaîne de caractères, vous pouvez utiliser les séparateurs guillemets (") ou apostrophe (').
var chaine1="Bonjour"; var chaine2='Bonjour'; console.log(chaine1); console.log(chaine2);

En pratique, on privilége souvent les apostrophes, les guillemets étant utilisés pour délimiter les valeurs des attributs de balises HTML.

Initialisation et concaténation de chaîne de caractères

• Pour initialiser une chaîne avec un de ces caractères on utilise les signes "=":
var chaine1="Bonjour l'ami"; var chaine2='Je vous dis "Bonjour"';
• Exemple

  <script>
  var chaine1=new String("Bonjour");
  var chaine2="cher visiteur";
  </script>

Les opérations sur les chaînes

1. La concaténation

   • La concaténation de chaîne de caractères se fait par le symbole +, le même que le symbole de l'addition.
   var chaine3=chaine1+chaine2; document.write(chaine3); ou document.write(chaine1+" "+chaine2);

2. La longueur d'une chaîne

   • Pour obtenir la longueur d'une chaîne (c'est-à-dire le nombre de caractères qui la composent, qu'on appelle également sa taille), il suffit de lui ajouter.length. On obtient la longueur sous la forme d'une valeur entière.
   • La syntaxe qui consiste à utiliser un point (.) entre la chaîne de caractères et le mot length s'appelle la notation pointée.
   • Techniquement,strong>length est ce que l'on appelle une propriété. On dit qu'on accède à la propriété strong>length de la chaîne de caractères.

   La propriété length indique le nombre de caractères de la chaîne.

   Exemple: Pour une chaîne définie par var chaine="apcpedagogie.com"; chaine.length retourne le nombre de caractères, ici 16 caractères.

3. Récupérer le n^ième caractère dans une chaîne

   • Pour chercher un caractère dans une chaîne on utilise La méthode charAt () qui renvoie le caractère à l'index spécifié dans une chaîne.
   Syntaxe

   string.charAt(index)

   Le premier caractère à toujours comme indice 0.

4. Pour une chaîne initialisée par var chaine="apcpedagogie.com", chaine.charAt(4) retourne "e".

5. Extraire une chaîne d'une autre

   • La méthode substring () extrait les caractères d'une chaîne, entre deux index spécifiés, et renvoie la nouvelle sous-chaîne.
   Syntaxe

   string.substring(start, end)

6. Cette méthode extrait les caractères d'une chaîne entre "début" et "fin", sans inclure "fin" elle-même.
7. Si "début" est supérieur à "fin", cette méthode échangera les deux arguments, ce qui signifie str.substring (1, 4) == str.substring (4, 1).
8. Si "début" ou "fin" est inférieur à 0, il est traité comme s'il s'agissait de 0.

La méthode substring () ne modifie pas la chaîne d'origine.

9. Exemple:
10. Pour récupérer le jour, le mois et l'année dans trois variables d'une date :
Commencer par la déclaration de la variable date="05/12/2018".

var date  = "05/12/2018";
var jour  = date.substring(0,2);
var mois  = date.substring(3,5);
var annee = date.substring(6,10);

11. Convertir une chaîne en minuscules ou en majuscules

    • JavaScript offre deux méthodes pour transformer les caractères d'un mot en majuscules ou en minuscules, en ajoutant à la chaîne .toLowerCase() ou .toUpperCase().

    var chaine="Ceci est un TEXTE";
    var maj=chaine.toUpperCase();
    var min=chaine.toLowerCase();
    document.write(chaine + "<br>");
    document.write(maj + "<br>");
    document.write(min + "<br>");

12. Comparer deux chaînes

    • Pour comparer deux chaines utiliser l'opérateur ===. Cette opération renvoie une valeur booléenne :true si les deux chaînes sont égales,false sinon.

    Il existe un autre opérateur de comparaison,==, dont l'utilisation en JavaScript est déconseillée.