Méthodes de chaîne JavaScript

Dans le chapitre précédent, nous avons appris les bases des chaînes, passons à l'étape suivante et considérons les opérations utiles que nous pouvons effectuer sur les chaînes intégrées et dotées de méthodes et d'attributs.

Les valeurs primitives (par exemple "New Delhi") ne peuvent pas avoir d'attributs ou de méthodes (parce qu'elles ne sont pas des objets).

Cependant, dans JavaScript, les méthodes et les attributs peuvent également être utilisés pour les valeurs primitives, car JavaScript considère les valeurs primitives comme des objets lors de l'exécution de méthodes et d'attributs.

Recherche de la longueur de la chaîne

lengthL'attribut renvoie la longueur de la chaîne. Pour une chaîne vide, la longueur est 0.

var str = 'Java Script';
str.length;//　return　11

Attention :Les espaces sont également considérés comme des caractères :

Méthode concat()

concat()La méthode est utilisée pour joindre deux ou plusieurs chaînes.

var a = 'w3codebox';
var b = 'COM';
var c = a.concat(b);

Attention :Toutes les méthodes de chaîne renvoient une nouvelle valeur. Elles ne modifient pas la variable originale.

Conversion en majuscules ou en minuscules

toUpperCase()La méthode renvoie la valeur de la chaîne appelée après avoir été convertie en majuscules.

var　str1　= "oldtoolbag.com";
var　str2　=　str1.toUpperCase();

toLowerCase()La méthode renvoie la valeur de la chaîne appelée après avoir été convertie en minuscules.

var　str1　= "oldtoolbag.com";
var　str2　=　str1.toLowerCase();

Recherche de sous-chaîne dans une chaîne

indexOf()La méthode renvoie la position (index) de la première apparition de la valeur spécifiée dans la chaîne.

var str = 'Air Pollution is the introduction of chemicals to the atmosphere';
str.indexOf('Pollution');//　4

Attention :L'index du premier caractère est 0, l'index du deuxième caractère est1et ainsi de suite.

lastIndexOf()La méthode renvoie la position (index) de la dernière apparition de la valeur spécifiée dans la chaîne.

var str = 'Hello world, I repeat Hello world';
str.lastIndexOf('Hello');//　22

indexOf()etlastIndexOf()Retourne-1Si la valeur n'est pas trouvée :

var str = "oldtoolbag.com";
str.indexOf("fish");
str.lastIndexOf("beer");

indexOf()etlastIndexOf()Tous acceptent le deuxième paramètre comme position de départ de la recherche :

var str = 'HELLO WORLD HELLO';
str.indexOf('L',　6);

Recherche de sous-chaîne dans la chaîne

search()La méthode effectue une recherche pour trouver les éléments correspondants entre l'expression régulière et la chaîne.

Si un élément correspondant est trouvé, il retourne la position du premier élément correspondant, s'il ne trouve pas d'élément correspondant, il retourne-1:

var str = 'The question is to be, or not to be, that is to be.';
var pos = str.search('to be');

L'exemple suivant montre l'utilisation de l'expression régulière avec l'indicateur i (ignorer la casse) :

var str = 'The question is TO BE, or not to be, that is to be.';
var pos = str.search(/être/i);

Dans la partie suivante de ce tutoriel, vous apprendrez plus sur les expressions régulières.

Conversion de la chaîne en tableau

split()La méthode divise la chaîne en un tableau de sous-chaînes, puis retourne un nouveau tableau.

Nous allons utilisersplit()La méthode sépare l'array par des caractères d'espace représentés par " ".

var str = 'can you help me?';
var arr = str.split("　");

Maintenant nous sommes dansarrUn nouveau tableau a été ajouté à la variable, nous pouvons utiliser le numéro d'index pour accéder à chaque élément :

arr[0];　　　//　Air
arr[2];　　　//　is

Dans l'exemple suivant, nous utiliserons "i" comme séparateur :

var str = 'can you help me?';
var arr = str.split("i");

Si une chaîne vide ("") est utilisée comme séparateur, cette chaîne est convertie en tableau de caractères :

var str = 'can you help me?';
var arr = str.split("");

En divisant la chaîne, vous pouvez déterminer combien de mots il y a dans une phrase.

Suppression des espaces blancs avant et après la chaîne

trim()La méthode supprime les espaces blancs des deux extrémités de la chaîne, mais ne peut pas supprimer les espaces entre les caractères de la chaîne, les espaces peuvent être des tabulations ou des espaces.

var greeting = "　　Hello world!　　";
greeting.trim();

Cette méthode effectue la suppression des espaces blancs supplémentaires, une méthode simple courante.

Remplacement de la valeur de la chaîne

replace()La méthode retourne une nouvelle chaîne qui a des parties ou toutes les correspondances de modèle et est remplacée par des éléments de remplacement.

Le premier paramètre est la valeur à trouver, le deuxième paramètre est la valeur à remplacer.

var　str1　= 'The question is to be, or not to be, that is to be.';
var　str2　=　str1.replace('to be', 'ZZZ');

Par défaut, la méthode replace() remplace uniquement le premier élément correspondant.

Pour remplacer toutes les occurrences, utilisez une expression régulière avec le drapeau g (recherche globale) :

var　str1　= 'The question is to be, or not to be, that is to be.';
var　str2　=　str1.replace(/être/g, 'ZZZ');

Pour remplacer du code sans distinction de cas, utilisez une expression régulière avec le drapeau i (ignorer les cas) :

var　str1　= 'The question is TO BE, or not to be, that is to be.';
var　str2　=　str1.replace(/être/gi, 'ZZZ');

Dans la partie suivante de ce tutoriel, vous apprendrez plus sur les expressions régulières.

Extraire une partie de la chaîne

Il y a trois méthodes pour extraire une partie de la chaîne :

• slice(start, end)

• substring(start, end)

• substr(start, length)

méthode slice()

slice()La méthode extrait une partie de la chaîne et la retourne en tant que nouvelle chaîne sans modifier la chaîne originale.

Cette méthode a deux paramètres :Début de l'index (start)etFin de l'index (end)（ne comprend pasFin)。

Dans cet exemple, à partir de l'index3à l'index9(10-1)Extraire une partie de la chaîne :

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(3,　10);

Attention :L'index du premier caractère est 0, l'index du deuxième caractère est1et ainsi de suite.

Sélectionner à partir de la fin de la chaîne en utilisant des indices négatifs :

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(-8,　-3);

Si le deuxième paramètre est omis, cette méthode coupe la partie restante de la chaîne :

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(3);

Les exemples suivants utilisent slice() pour extraire le dernier caractère :

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(-1);

la méthode substring()

substring()La méthode est similaire àslice()méthode.

La différence réside danssubstring()Ne peut pas accepter des indices négatifs.

var　str1　can you help me?';
var　str2　=　str1.substring(4,　10);

Si le deuxième paramètre est omis, alorssubstring()La méthode extrait la partie restante de la chaîne :

var　str1　can you help me?';
var　str2　=　str1.substring(7);

la méthode substr()

substr()La méthode est similaire àslice()méthode.

La différence réside dans le fait que le deuxième paramètre spécifie la partie à extrairelongueur.

Les exemples suivants sont utilisés poursubstr()à partir de l'index4Extraire des caractères, de longueur18:

var　str1　can you help me?';
var　str2　=　str1.substr(4,　18);

Si le deuxième paramètre est omis, alorssubstr()La méthode extrait la partie restante de la chaîne :

var　str1　can you help me?';
var　str2　=　str1.substr(7);

Pour extraire des caractères de la fin d'une chaîne, utilisez des indices négatifs :

var　str1　Bonjour JavaScript oldtoolbag.com';
var　str2　=　str1.substr(-6,　3);　　　//　tor

Accéder aux caractères de la chaîne

Il y a trois méthodes pour accéder aux caractères d'une chaîne :

• charAt(index)

• charCodeAt(index)

• Notation de crochets[]

Méthode charAt()

charAt()La méthode retourne le caractère à l'index spécifié dans la chaîne.

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charAt(1);//　Retour　a

Le exemple suivant retourne le dernier caractère de la chaîne :

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charAt(str.length-1);

Méthode charCodeAt()

charCodeAt()La méthode retourne entre 0 et65535entier entre, où l'entier représente l'UTF-16Unité de code.

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charCodeAt(1);//　Retourne　97

Notation de crochets[]

Vous pouvez utiliser la notation de crochets [] pour retourner n'importe quel caractère de la chaîne[].

Dans les crochets, incluez le numéro d'index du caractère à retourner.

var　str　=　'Hello　Javascript　oldtoolbag.com';
str[0];//　retourne　P
str[1];//　Retour　a

Référence complète des chaînes

Pour une référence complète des propriétés et méthodes, veuillez visiter notreRéférence String JavaScript.

La partie de référence contient une description et des exemples de toutes les propriétés et méthodes de chaîne.