Javascript : 12 méthodes essentielles pour les chaînes de caractères
Tags: javascript, beginners, french, strings
Published: 2023-05-15 06:02:07

## 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.

```javascript
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.

```javascript
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.

```javascript
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.

```javascript
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.

```javascript
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.

```javascript
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. 

```javascript
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.

```javascript
const input = "nom d'utilisateur : BadBoy666";
console.log(input.slice(20)); //"BadBoy666"
console.log(input.slice(20, 23)); //"Bad"
```

 [la méthode .slice()](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/Array/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.

```javascript
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é.

```javascript
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é.

```javascript
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.

```javascript
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](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/String).