Javascript : 12 méthodes essentielles pour les chaînes de caractères

kureru

Claire D.

Posted on May 15, 2023

Javascript : 12 méthodes essentielles pour les chaînes de caractères

Les méthodes que j'utilise le plus souvent pour manipuler les chaînes de caractère en Javascript

Les chaînes de caractères sont un élément central de tout langage de programmation, et JavaScript dispose de nombreuses fonctions intégrées puissantes qui facilitent leur manipulation. Cette liste couvre les fonctions de chaînes les plus importantes que vous pouvez commencer à utiliser dans votre code.

.length - trouve la longueur d'une chaîne de caractères

Cette méthode est probablement la plus connue et la plus utilisée.
.length renvoie le nombre de caractères que contient la chaîne de caractères.

const str = "cette chaîne de caractères a 42 caractères";
console.log(str.length); // 42
Enter fullscreen mode Exit fullscreen mode

.trim() - supprime les espaces blancs

La méthode trim() supprime les espaces blancs au début et à la fin d'une chaîne de caractères.
Vous l'utiliserez le plus souvent pour traiter la chaîne d'un champ de saisie utilisateur. Cette méthode permet de retirer les espaces ajoutés accidentellement.

const message = "      j'aime les chips    ";
console.log(message.trim()); // "j'aime les chips"
Enter fullscreen mode Exit fullscreen mode

.includes() - indique si une chaîne contient une autre chaîne

La méthode includes() détermine si une chaîne est contenue dans une chaîne plus grande et renvoie vrai ou faux.
On cherche à connaître la correspondance de chaînes de caractères quand on recherche ou analyse des données.

const auteur = "Victor Hugo";
const search = "Hugo";
const search2 = "Alexandre";
console.log(auteur.includes(search)); // true
console.log(auteur.includes(search2)); // false
Enter fullscreen mode Exit fullscreen mode

.indexOf() - trouve l'index d'une chaîne de caractères

Cette méthode renvoie l'index d'un élément dans une chaîne de caractères. Si l'élément n'est pas contenu dans la chaîne de caractères, elle renvoie -1.

const auteur = "Victor Hugo";
const search = "Hugo";
const search2 = "Alexandre";
console.log(auteur.indexOf(search)); // 7
console.log(auteur.indexOf(search2)); // -1
Enter fullscreen mode Exit fullscreen mode

On peut utiliser indexOf() à la place de includes() dans la situation ci-dessus.

.toUpperCase() - met en majuscules toute la chaîne de caractères

La fonction toUpperCase() renvoie une chaîne contenant toutes les lettres majuscules.

const message = "Je veux des vacances";
console.log(message.toUpperCase()) // "JE VEUX DES VACANCES";
Enter fullscreen mode Exit fullscreen mode

.toLowerCase() - met toute la chaîne de caractères en minuscules

La fonction toLowerCase() renvoie une chaîne contenant toutes les lettres minuscules.

const message = "COMMENT ON ENLEVE LES MAJUSCULES ?";
console.log(message.toLowerCase()); // "comment on enleve les majuscules ?";
Enter fullscreen mode Exit fullscreen mode

.replace() - remplace une chaîne de caractères par de nouvelles valeurs

La fonction replace() est appelée sur une chaîne et renvoie une chaîne dont le motif est remplacé par une chaîne de remplacement. Avec une chaîne de caractères, elle ne remplacera que la première occurrence.

const message = "Je mange une orange. Ma couleur préférée est le orange.";
console.log(message.replace("orange", "pomme")); //"Je mange une pomme. Ma couleur préférée est le orange."
Enter fullscreen mode Exit fullscreen mode

.split() - convertit une chaîne de caractères en un tableau de chaînes de caractères

La méthode split() prend un séparateur sur lequel vous voulez séparer la chaîne et renvoie un tableau de chaînes de caractères.
Cette méthode est utile pour transformer une chaîne de caractères en CSV, ou si vous souhaitez opérer sur des sous-chaînes spécifiques de manière individuelle.

const input = "nom d'utilisateur : BadBoy666";
console.log(input.slice(20)); //"BadBoy666"
console.log(input.slice(20, 23)); //"Bad"
Enter fullscreen mode Exit fullscreen mode

la méthode .slice() a beaucoup de subtilités dont je ne parlerai pas ici.

.slice() - renvoie une section d'une chaîne de caractères

La méthode slice() extrait une section d'une chaîne de caractères en fonction de l'index fourni et la renvoie sous la forme d'une nouvelle chaîne. Cette méthode est utile lorsque vous connaissez la structure d'une chaîne et que vous souhaitez en extraire une certaine partie. Elle peut également être utilisée avec la méthode indexOf, que nous avons apprise plus tôt, pour trouver l'index de la première occurrence d'une sous-chaîne et l'utiliser comme point de référence pour le découpage.

const phrase = "Qué bueno qué rico qué lindo Paris Latino";
const mots = phrase.split(' ');
const lettres = phrase.split('');
console.log(mots); // ['Qué', 'bueno', 'qué', 'rico', 'qué', 'lindo', 'Paris', 'Latino']
console.log(lettres) //['Q', 'u', 'é', ' ', 'b', 'u', 'e', 'n', 'o', ' ', 'q', 'u', 'é', ' ', 'r', 'i', 'c', 'o', ' ', 'q', 'u', 'é', ' ', 'l', 'i', 'n', 'd', 'o', ' ', 'P', 'a', 'r', 'i', 's', ' ', 'L', 'a', 't', 'i', 'n', 'o'];
Enter fullscreen mode Exit fullscreen mode

.repeat() - répète une chaîne de caractères un nombre de fois spécifié

La fonction repeat() renvoie une chaîne composée des éléments de l'objet répétés le nombre de fois indiqué.

const paroles = "Vive le vent 🎄";
console.log(paroles.repeat(3) + "d'hiver ! "); //Vive le vent 🎄Vive le vent 🎄Vive le vent 🎄d'hiver !  
Enter fullscreen mode Exit fullscreen mode

.charAt() - renvoie le caractère d'un index

La méthode charAt() renvoie une nouvelle chaîne contenant le caractère à un index donné.

const message = "Bonne nuit";
console.log(message.charAt(0)); //"B"
console.log(message.charAt(8)); //"i"
Enter fullscreen mode Exit fullscreen mode

.charCodeAt() - renvoie l'unicode d'un index

La méthode charCodeAt() renvoie l'unicode du caractère à un index spécifié dans une chaîne de caractères. Il s'agit d'un entier conique UTF-16 compris entre 0 et 65535.

const message = "Bonne nuit";
console.log(message.charCodeAt(0)); //66
console.log(message.charCodeAt(8)); //105
Enter fullscreen mode Exit fullscreen mode

En bref

Il y a d'autres méthodes que je n'ai pas mentionnées ici, telles que lastIndexOf, substring, substr, concat.
Pour avoir la liste complète des méthodes Javascript, je recommande la documentation de MDN.

💖 💪 🙅 🚩
kureru
Claire D.

Posted on May 15, 2023

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related