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)
Lisez bien les instructions et lancez-vous !