Guide complet sur la manipulation de chaînes en JavaScript

Manipulation de chaînes en JavaScript

La manipulation de chaînes est un aspect essentiel du travail avec du texte en JavaScript. JavaScript fournit un riche ensemble de méthodes et de techniques intégrées pour gérer et transformer les chaînes.

---

1. Créer des chaînes

Les chaînes en JavaScript peuvent être créées à l'aide de guillemets simples ('), de guillemets doubles (") ou de guillemets inverses (` pour les littéraux de modèle).

Exemple :

const single = 'Hello';
const double = "World";
const template = `Hello, ${double}!`; // Using template literals
console.log(template); // Output: Hello, World!

---

2. Méthodes de chaîne courantes

A. Trouver la longueur d'une chaîne

La propriété .length renvoie le nombre de caractères dans une chaîne.

const text = "JavaScript";
console.log(text.length); // Output: 10

B. Accéder aux personnages

Vous pouvez accéder à des caractères individuels en utilisant la notation entre crochets ou la méthode .charAt().

const str = "Hello";
console.log(str[0]); // Output: H
console.log(str.charAt(1)); // Output: e

C. Changer de cas

• .toUpperCase() convertit une chaîne en majuscule.
• .toLowerCase() convertit une chaîne en minuscules.

const text = "JavaScript";
console.log(text.toUpperCase()); // Output: JAVASCRIPT
console.log(text.toLowerCase()); // Output: javascript

D. Recherche de sous-chaînes

• .indexOf() renvoie le premier index d'une sous-chaîne ou -1 s'il n'est pas trouvé.
• .lastIndexOf() recherche à partir de la fin de la chaîne.

const text = "JavaScript is awesome!";
console.log(text.indexOf("is")); // Output: 11
console.log(text.lastIndexOf("a")); // Output: 3

E. Vérification des sous-chaînes

• .includes() vérifie si une sous-chaîne existe (renvoie vrai ou faux).
• .startsWith() vérifie si une chaîne commence par une sous-chaîne spécifique.
• .endsWith() vérifie si une chaîne se termine par une sous-chaîne spécifique.

const text = "Hello, world!";
console.log(text.includes("world")); // Output: true
console.log(text.startsWith("Hello")); // Output: true
console.log(text.endsWith("!")); // Output: true

F. Extraction de sous-chaînes

• .slice(start, end) extrait une partie d'une chaîne.
• .substring(start, end) fonctionne de la même manière que .slice mais n'accepte pas les indices négatifs.
• .substr(start, length) extrait une sous-chaîne d'une longueur spécifiée.

const text = "JavaScript";
console.log(text.slice(0, 4)); // Output: Java
console.log(text.substring(4, 10)); // Output: Script
console.log(text.substr(4, 6)); // Output: Script

G. Fractionner les chaînes

La méthode .split(delimiter) divise une chaîne en un tableau de sous-chaînes.

const single = 'Hello';
const double = "World";
const template = `Hello, ${double}!`; // Using template literals
console.log(template); // Output: Hello, World!

H. Remplacement des sous-chaînes

• .replace(search, remplacement) remplace la première occurrence.
• .replaceAll(search, replace) remplace toutes les occurrences.

const text = "JavaScript";
console.log(text.length); // Output: 10

Je. Supprimer les espaces

• .trim() supprime les espaces aux deux extrémités d'une chaîne.
• .trimStart() et .trimEnd() suppriment les espaces du début ou de la fin.

const str = "Hello";
console.log(str[0]); // Output: H
console.log(str.charAt(1)); // Output: e

---

3. Manipulation avancée des chaînes

A. Inverser une chaîne

Vous pouvez inverser une chaîne en la convertissant en tableau, en inversant le tableau et en la joignant à nouveau en une chaîne.

const text = "JavaScript";
console.log(text.toUpperCase()); // Output: JAVASCRIPT
console.log(text.toLowerCase()); // Output: javascript

B. Chaînes répétitives

La méthode .repeat(count) répète une chaîne plusieurs fois.

const text = "JavaScript is awesome!";
console.log(text.indexOf("is")); // Output: 11
console.log(text.lastIndexOf("a")); // Output: 3

C. Cordes de rembourrage

• .padStart(targetLength, padString) complète le début d'une chaîne.
• .padEnd(targetLength, padString) complète la fin d'une chaîne.

const text = "Hello, world!";
console.log(text.includes("world")); // Output: true
console.log(text.startsWith("Hello")); // Output: true
console.log(text.endsWith("!")); // Output: true

---

4. Littéraux de modèle

Les littéraux de modèle offrent un moyen plus lisible et plus concis de créer des chaînes dynamiques.

const text = "JavaScript";
console.log(text.slice(0, 4)); // Output: Java
console.log(text.substring(4, 10)); // Output: Script
console.log(text.substr(4, 6)); // Output: Script

---

5. Résumé

• La manipulation de chaînes est essentielle pour le traitement et la transformation des données texte en JavaScript.
• JavaScript fournit de nombreuses méthodes pour rechercher, extraire, transformer et formater des chaînes.
• Des fonctionnalités avancées telles que les littéraux de modèles, l'inversion de chaîne et le remplissage rendent JavaScript puissant pour les opérations basées sur du texte.

En maîtrisant ces techniques, vous serez bien équipé pour gérer des opérations de texte complexes dans vos applications JavaScript.

Bonjour, je m'appelle Abhay Singh Kathayat !
Je suis un développeur full-stack avec une expertise dans les technologies front-end et back-end. Je travaille avec une variété de langages et de frameworks de programmation pour créer des applications efficaces, évolutives et conviviales.
N'hésitez pas à me contacter à mon e-mail professionnel : kaashshorts28@gmail.com.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!