10 méthodes de chaîne JavaScript que vous devriez maîtriser aujourd'hui

Lors de la programmation en JavaScript, vous rencontrerez souvent des scénarios qui nécessitent une manipulation de chaîne. Par exemple, lors de la récupération d'un e-mail, vous devrez peut-être convertir tous les caractères en minuscules ou utiliser une expression régulière pour vérifier si le mot de passe saisi remplit toutes les conditions.

Les méthodes de chaîne JavaScript vous aideront à effectuer facilement toutes ces opérations sur une chaîne selon vos besoins. Voici 10 méthodes de chaîne avec des exemples pour vous aider à bien les comprendre.

Que sont les méthodes de chaîne JavaScript ?

Les chaînes sont une structure de données fondamentale qui consiste en une séquence de caractères. Cette structure de données fait partie de tous les principaux langages de programmation, notamment Python, JavaScript, Java, etc.

Les méthodes de chaîne sont des méthodes JavaScript prédéfinies qui aident les développeurs à effectuer des opérations courantes sur des chaînes sans avoir à écrire le code manuellement. Ils sont exécutés en utilisant une notation par points attachée à la variable de chaîne.

En rapport: Qu'est-ce qu'une fonction en programmation ?

Comme ce ne sont que des fonctions JavaScript, elles se terminent toujours par des parenthèses qui peuvent contenir des arguments facultatifs. Il est essentiel de savoir qu'est-ce que JavaScript et comment il fonctionne avant d'aller plus loin. Commençons et apprenons ces méthodes plus en détail.

Pour les méthodes à venir, prenons une variable chaîne str avec la valeur de "Bienvenue à MUO !" par exemple.

let str = "Bienvenue sur MUO !"

1. String.toLowerCase() et String.toUpperCase()

le en minuscule () La méthode string convertit tous les caractères de la chaîne donnée au format minuscule, et de même, la en majuscule() La méthode convertit tous les caractères au format majuscule. Ces fonctions ne modifient pas la chaîne d'origine.

Syntaxe:

en majuscule()
en minuscule ()

Voyons ces deux méthodes avec un exemple rapide:

console.log (str.toLowerCase());
console.log (str.toUpperCase());
console.log (str);

En exécutant le code ci-dessus sur la console, vous recevrez le résultat suivant:

"bienvenue à muo!"
"BIENVENUE À MUO!"
"Bienvenue à MUO!"

2. Chaîne.concat()

le concaté() La méthode est utilisée pour joindre deux ou plusieurs chaînes ensemble. Vous pouvez ajouter un ou plusieurs arguments à cette méthode pour les concaténer en une seule chaîne. Il n'apporte aucune modification à la chaîne d'origine.

Syntaxe:

concat (str1, str2, str3, ...)

Voici un exemple qui montre la concaténation de deux chaînes pour former une nouvelle chaîne:

let str2 = " Comment vas-tu ?";
let newString = str.concat (str2);
console.log (newString);

"Bienvenue à MUO! Comment ça va?"

3. String.indexOf() et String.lastIndexOf()

le Indice de() La méthode vous aide à trouver le premier index auquel le caractère ou la sous-chaîne spécifié est présent. Il commence du côté gauche et trace la chaîne pour vérifier si l'argument donné correspond.

Syntaxe:

indexOf (chaîne)

Découvrons l'indice auquel MUO est présent dans la chaîne avec un exemple:

console.log (str.indexOf('MUO'));

11

Si l'argument donné n'est pas présent dans la chaîne, la méthode renvoie une valeur de -1.

console.log (str.indexOf('Bonjour'));

-1

De même, le dernierIndexOf() La méthode renvoie l'index de la dernière occurrence du caractère ou de la chaîne donnée. Voici un exemple:

console.log (str.lastIndexOf('e'));

6

Même si l'alphabet e apparaît à l'index 1, la dernière occurrence de ce caractère est à l'index 6 et est donc renvoyée en sortie.

4. Chaîne.charAt()

le charAt() La méthode string renvoie le caractère à l'index spécifié dans la chaîne. Il n'accepte qu'un seul argument, l'index auquel le caractère doit être récupéré. La valeur de l'index va de 0 à la longueur - 1.

Syntaxe:

charAt (index)

Voici un exemple de charAt() méthode:

console.log (str.charAt (9));
console.log (str.charAt (0));
console.log (str.charAt (str.length - 1));

o
W
!

Dans l'exemple ci-dessus, lorsque longueur.str.- 1 a été passé en argument, la méthode renvoie le dernier caractère de la chaîne. Si vous entrez un index non valide qui dépasse la plage autorisée, cette méthode renvoie -1.

5. String.charCodeAt()

Semblable à la méthode charAt, le CharCodeAt() méthode renvoie le valeur ASCII du caractère à l'index spécifié. Cette méthode de chaîne ne prend qu'un seul argument, l'index à partir duquel le caractère doit être récupéré.

Syntaxe:

charCodeAt (index)

str.charCodeAt (5);
str.charCodeAt (str.length - 1);

109
33

Encore une fois, la valeur de l'index va de 0 à la longueur - 1 et si vous essayez de passer un index au-delà de la limite autorisée, cette méthode renverra -1.

6. String.replace()

Comme son nom l'indique, le remplacer() La méthode vous aide à remplacer une partie de la chaîne par une autre partie. Cette méthode prend deux arguments: le premier est la sous-chaîne à remplacer et le second est la sous-chaîne à remplacer. Cette méthode n'apporte aucune modification à la chaîne d'origine.

Syntaxe:

remplacer (str1, str2)

Par exemple, si vous souhaitez remplacer le mot MUO avec ce site dans la variable chaîne, vous pouvez utiliser le remplacer() méthode comme celle-ci:

let newString = str.replace("MUO", "ce site Web");
console.log (newString);
console.log (str);

Bienvenue sur ce site web !
Bienvenue à MUO !

7. Chaîne.split()

le diviser() La méthode est utilisée pour décomposer tous les mots ou caractères d'une chaîne selon l'argument séparateur transmis à la méthode. Le type de retour de cette méthode est un tableau. Ce tableau se compose de tous les caractères ou sous-chaînes, divisés en fonction du séparateur donné. Cette méthode ne modifie pas la chaîne d'origine.

Syntaxe:

diviser (séparateur)

Par exemple, si un espace vide (" ") est passé comme argument séparateur à la méthode split, voici à quoi ressemblera la sortie:

let splitArray = str.split(" ");
console.log (splitArray);

['Bienvenue', 'à', 'MUO !']

Si vous ne transmettez pas d'argument au diviser() méthode, elle renverra un tableau avec un seul élément composé de la valeur de votre variable de chaîne.

let splitArray = str.split();
console.log (splitArray);

['Bienvenue à MUO !']

8. String.substring()

le sous-chaîne() La méthode est utilisée pour obtenir une sous-chaîne ou une partie de la chaîne d'origine. Cette méthode prend deux paramètres: l'index de début et l'index de fin. La sous-chaîne de sortie commence à partir de l'index de début spécifié et s'imprime jusqu'à l'index de fin - 1.

Syntaxe:

sous-chaîne (startIndex, endIndex)

Voici un exemple rapide de sous-chaîne() méthode:

console.log (str.substring (2,8));

"bienvenue"

Notez que le caractère à l'index de fin ne fait pas partie de la sortie.

9. Chaîne.search()

le rechercher() La méthode aide à trouver une sous-chaîne ou un caractère particulier dans la chaîne d'origine. Cette méthode accepte un groupe de caractères ou une sous-chaîne comme argument et effectue le suivi à travers la chaîne. Après avoir trouvé une correspondance, l'index de départ de la partie correspondante est renvoyé. Sinon, cette méthode renvoie -1.

Syntaxe:

recherche (sous-chaîne)

Vous pouvez utiliser le rechercher() méthode de cette manière:

console.log (str.search("MUO"));
console.log (str.search("2"));

11
-1

10. String.trim()

le garniture() La méthode supprime tous les espaces blancs dans la chaîne, avant le premier caractère et après le dernier caractère. Cette méthode ne nécessite aucun paramètre et ne modifie pas la chaîne d'origine. C'est extrêmement utile pour la validation des entrées des utilisateurs dans les formulaires.

Syntaxe:

garniture()

Prenons un nouvel exemple pour explorer cette méthode de chaîne:

let untrimmedString = " Bienvenue sur MUO! ";
let trimmedString = untrimmedString.trim();
console.log (trimmedString);
console.log (chaîne non coupée);

"Bienvenue à MUO!"
" Bienvenue à MUO! "

Plus de méthodes JavaScript à vérifier

Il s'agissait donc d'un résumé rapide de certaines méthodes de chaîne courantes qui peuvent vous aider à être plus productif en tant que développeur JavaScript. Ces méthodes vous aideront également à réussir vos entretiens de codage pour les questions liées aux chaînes. La pratique rend parfait, alors allez-y et essayez ces méthodes dans votre propre console.

Une fois que vous maîtrisez les méthodes de chaîne, il peut être intéressant de jeter un œil à certaines méthodes de tableau qui peuvent encore améliorer votre maîtrise de JavaScript.

15 méthodes de tableau JavaScript que vous devriez maîtriser aujourd'hui

Vous voulez comprendre les tableaux JavaScript mais vous n'arrivez pas à les maîtriser? Consultez nos exemples de tableaux JavaScript pour obtenir des conseils.

Lire la suite

A propos de l'auteur