Javascript : 12 méthodes essentielles pour les chaînes de caractères
Claire D.
Posted on May 15, 2023
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
.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"
.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
.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
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";
.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 ?";
.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."
.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"
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'];
.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 !
.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"
.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
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.
Posted on May 15, 2023
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.