
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 :
1 2 3 4 | const single = 'Hello' ;
const double = "World" ;
const template = `Hello, ${double}!`;
console.log(template);
|
Copier après la connexion
Copier après la connexion
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.
1 2 | const text = "JavaScript" ;
console.log(text.length);
|
Copier après la connexion
Copier après la connexion
B. Accéder aux personnages
Vous pouvez accéder à des caractères individuels en utilisant la notation entre crochets ou la méthode .charAt().
1 2 3 | const str = "Hello" ;
console.log(str[0]);
console.log(str.charAt(1));
|
Copier après la connexion
Copier après la connexion
C. Changer de cas
-
.toUpperCase() convertit une chaîne en majuscule.
-
.toLowerCase() convertit une chaîne en minuscules.
1 2 3 | const text = "JavaScript" ;
console.log(text.toUpperCase());
console.log(text.toLowerCase());
|
Copier après la connexion
Copier après la connexion
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.
1 2 3 | const text = "JavaScript is awesome!" ;
console.log(text.indexOf( "is" ));
console.log(text.lastIndexOf( "a" ));
|
Copier après la connexion
Copier après la connexion
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.
1 2 3 4 | const text = "Hello, world!" ;
console.log(text.includes( "world" ));
console.log(text.startsWith( "Hello" ));
console.log(text.endsWith( "!" ));
|
Copier après la connexion
Copier après la connexion
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.
1 2 3 4 | const text = "JavaScript" ;
console.log(text.slice(0, 4));
console.log(text.substring(4, 10));
console.log(text. substr (4, 6));
|
Copier après la connexion
Copier après la connexion
G. Fractionner les chaînes
La méthode .split(delimiter) divise une chaîne en un tableau de sous-chaînes.
1 2 3 4 | const single = 'Hello' ;
const double = "World" ;
const template = `Hello, ${double}!`;
console.log(template);
|
Copier après la connexion
Copier après la connexion
H. Remplacement des sous-chaînes
-
.replace(search, remplacement) remplace la première occurrence.
-
.replaceAll(search, replace) remplace toutes les occurrences.
1 2 | const text = "JavaScript" ;
console.log(text.length);
|
Copier après la connexion
Copier après la connexion
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.
1 2 3 | const str = "Hello" ;
console.log(str[0]);
console.log(str.charAt(1));
|
Copier après la connexion
Copier après la connexion
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.
1 2 3 | const text = "JavaScript" ;
console.log(text.toUpperCase());
console.log(text.toLowerCase());
|
Copier après la connexion
Copier après la connexion
B. Chaînes répétitives
La méthode .repeat(count) répète une chaîne plusieurs fois.
1 2 3 | const text = "JavaScript is awesome!" ;
console.log(text.indexOf( "is" ));
console.log(text.lastIndexOf( "a" ));
|
Copier après la connexion
Copier après la connexion
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.
1 2 3 4 | const text = "Hello, world!" ;
console.log(text.includes( "world" ));
console.log(text.startsWith( "Hello" ));
console.log(text.endsWith( "!" ));
|
Copier après la connexion
Copier après la connexion
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.
1 2 3 4 | const text = "JavaScript" ;
console.log(text.slice(0, 4));
console.log(text.substring(4, 10));
console.log(text. substr (4, 6));
|
Copier après la connexion
Copier après la connexion
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!