Exercice 1.7 · 12 min · 0 tentative
Manipuler du Texte
🎯 Objectif
Apprendre à manipuler les chaînes de caractères (strings) en JavaScript. Tu vas découvrir des propriétés et méthodes très utiles pour transformer du texte.
📖 Contexte
En JavaScript, chaque chaîne de caractères possède des propriétés et des méthodes intégrées. Ce sont des outils prêts à l'emploi pour manipuler du texte.
Propriété vs Méthode
| Type | Syntaxe | Exemple |
|---|---|---|
| Propriété | Sans parenthèses | texte.length |
| Méthode | Avec parenthèses | texte.toUpperCase() |
Les méthodes essentielles
| Méthode/Propriété | Description | Exemple |
|---|---|---|
.length | Nombre de caractères | "Bonjour".length → 7 |
.toUpperCase() | Convertit en MAJUSCULES | "hello".toUpperCase() → "HELLO" |
.toLowerCase() | Convertit en minuscules | "HELLO".toLowerCase() → "hello" |
.trim() | Supprime les espaces au début et à la fin | " hi ".trim() → "hi" |
.includes(x) | Vérifie si le texte contient x | "Bonjour".includes("jour") → true |
Exemples détaillés
let message = " Bonjour le monde "
// Propriété length
console.log(message.length) // 20 (espaces inclus)
// Méthode trim() - Supprimer les espaces
let messageNettoye = message.trim()
console.log(messageNettoye) // "Bonjour le monde"
console.log(messageNettoye.length) // 16
// Méthodes de casse
console.log(messageNettoye.toUpperCase()) // "BONJOUR LE MONDE"
console.log(messageNettoye.toLowerCase()) // "bonjour le monde"
// Méthode includes() - Rechercher dans le texte
console.log(messageNettoye.includes("jour")) // true
console.log(messageNettoye.includes("soir")) // false
Rappel : Une propriété s'utilise sans parenthèses (texte.length), une méthode s'utilise avec parenthèses (texte.toUpperCase()).
Important : Les méthodes .toUpperCase(), .toLowerCase() et .trim() ne modifient pas la chaîne originale. Elles retournent une nouvelle chaîne.
Utilité de trim() et includes()
Ces méthodes sont très utilisées dans les formulaires :
// trim() : nettoyer les saisies utilisateur
let email = " alice@exemple.com "
let emailNettoye = email.trim() // "alice@exemple.com"
// includes() : valider le format
if (emailNettoye.includes("@")) {
console.log("Email valide !")
}
📝 Consigne
La variable prenom est déjà créée avec des espaces au début et à la fin. Tu dois :
- Créer une variable
prenomNettoyeen utilisant.trim()surprenom - Afficher la longueur avec
.length - Afficher en majuscules avec
.toUpperCase() - Afficher en minuscules avec
.toLowerCase()
Résultat attendu :
5
ALICE
alice
Rappel : La méthode .trim() supprime les espaces au début et à la fin d'une chaîne. Elle ne modifie pas la chaîne originale, elle en retourne une nouvelle !
Objectifs
- Déclarer prenomNettoye avec trim()
- Utiliser .length
- Utiliser .toUpperCase()
- Utiliser .toLowerCase()
- Afficher la longueur (5)
- Afficher en majuscules (ALICE)
- Afficher en minuscules (alice)
Lis bien les instructions et lance-toi !