Maîtriser les chaînes de caractères JavaScript : concaténation, méthodes et techniques avancées

Les chaînes de caractères sont fondamentales en JavaScript, servant de séquences de caractères pour stocker et manipuler du texte. Ce tutoriel explore les techniques principales de manipulation des chaînes de caractères.

Table des matières

• Concaténation de chaînes de caractères
• Méthodes essentielles des chaînes de caractères
• Manipulation avancée des chaînes de caractères

Concaténation de chaînes de caractères

Combiner des chaînes de caractères est crucial. JavaScript offre plusieurs approches :

1. L’opérateur + : La méthode la plus simple. L’opérateur + concatène les chaînes de caractères directement.

let str1 = "Hello";
let str2 = " World!";
let combined = str1 + str2; // combined vaut "Hello World!"
console.log(combined);

2. Littéraux de gabarit (backticks) : Introduits en ES6, les littéraux de gabarit offrent une meilleure lisibilité, surtout lorsqu’on intègre des variables.

let name = "Alice";
let greeting = `Hello, ${name}!`; // greeting vaut "Hello, Alice!"
console.log(greeting);

let age = 30;
let message = `Mon nom est ${name}, et j'ai ${age} ans.`;
console.log(message);

Les littéraux de gabarit intègrent facilement des expressions dans les chaînes de caractères à l’aide de ${expression}, améliorant ainsi la clarté du code.

Méthodes essentielles des chaînes de caractères

JavaScript offre un ensemble riche de méthodes intégrées pour les chaînes de caractères :

• length : Renvoie la longueur de la chaîne (nombre de caractères).
• toUpperCase() : Convertit en majuscules.
• toLowerCase() : Convertit en minuscules.
• substring(startIndex, endIndex) : Extrait une sous-chaîne (endIndex est exclusif).
• slice(startIndex, endIndex) : Semblable à substring, mais prend en charge les index négatifs (comptage à partir de la fin).
• indexOf(searchValue, fromIndex) : Trouve la première occurrence d’une valeur ; renvoie -1 si elle n’est pas trouvée.
• lastIndexOf(searchValue, fromIndex) : Trouve la dernière occurrence d’une valeur ; renvoie -1 si elle n’est pas trouvée.
• replace(searchValue, newValue) : Remplace la première occurrence d’une valeur.
• replaceAll(searchValue, newValue) : Remplace toutes les occurrences d’une valeur.
• trim() : Supprime les espaces blancs des deux extrémités.
• split(separator) : Divise la chaîne en un tableau de sous-chaînes en fonction du séparateur.
• charAt(index) : Renvoie le caractère à un index spécifique.
• charCodeAt(index) : Renvoie la valeur Unicode du caractère à un index spécifique.

Manipulation avancée des chaînes de caractères

Au-delà des bases, explorez des techniques plus avancées :

Expressions régulières : Utilisez des expressions régulières (regex) pour une mise en correspondance et une manipulation de motifs puissantes. Les méthodes telles que match(), search(), replace() (avec regex comme premier argument) et split() (avec regex comme séparateur) sont inestimables pour les opérations complexes sur les chaînes de caractères.

let str = "The quick brown fox jumps over the lazy dog.";
let result = str.match(/bw{5}b/g); // Correspond à tous les mots de 5 lettres
console.log(result); // Résultat : ['quick', 'brown', 'jumps']

Interpolation de chaînes de caractères avec des fonctions : Combinez les littéraux de gabarit avec des fonctions pour générer des chaînes de caractères dynamiques.

function formatDate(date) {
  return date.toLocaleDateString();
}

let today = new Date();
let message = `La date du jour est : ${formatDate(today)}`;
console.log(message);