Méthodes de chaîne JavaScript
|
Longueur de chaine |
Couper la chaîne() |
Note
Chaîne recherche méthodes sont traitées dans le chapitre suivant.
Longueur de la chaîne JavaScript
Le length propriété renvoie la longueur d’une chaîne :
Exemple
let text = « ABCDEFGHIJKLMNOPQRSTUVWXYZ » ;
let length = text.length;
Essayez-le vous-même »
Extraction de parties de cordes
Il existe 3 méthodes pour extraire une partie d’une chaîne :
slice(start, end)substring(start, end)substr(start, length)
Tranche de chaîne JavaScript ()
slice() extrait une partie d’une chaîne et renvoie la partie extraite dans une nouvelle chaîne.
La méthode prend 2 paramètres : position de départ et position de fin (fin non incluse).
Exemple
Découpez une portion de ficelle de la position 7 à la position 13 :
let text = « Pomme, Banane, Kiwi » ;
let part = text.slice(7, 13);
Essayez-le vous-même »
Note
JavaScript compte les positions à partir de zéro.
La première position est 0.
La deuxième position est 1.
Exemples
Si vous omettez le deuxième paramètre, la méthode découpera le reste de la chaîne :
let text = « Pomme, Banane, Kiwi » ;
let part = text.slice(7);
Essayez-le vous-même »
Si un paramètre est négatif, la position est comptée à partir de la fin de la chaîne :
let text = « Pomme, Banane, Kiwi » ;
let part = text.slice(-12);
Essayez-le vous-même »
Cet exemple découpe une partie d’une chaîne de la position -12 à la position -6 :
let text = « Pomme, Banane, Kiwi » ;
let part = text.slice(-12, -6);
Essayez-le vous-même »
Sous-chaîne JavaScript()
substring() est similaire à slice().
La différence est que les valeurs de début et de fin inférieures à 0 sont traitées comme 0 dans
substring().
Exemple
let str = « Pomme, Banane, Kiwi » ;
laisser partie = str.substring(7, 13);
Essayez-le vous-même »
Si vous omettez le deuxième paramètre, substring() découpera le reste de la chaîne.
Substr de chaîne JavaScript ()
substr() est similaire à slice().
La différence est que le deuxième paramètre spécifie le longueur
de la partie extraite.
Si vous omettez le deuxième paramètre, substr() découpera le reste de la chaîne.
Si le premier paramètre est négatif, la position compte à partir de la fin de la chaîne.
Remplacement du contenu de la chaîne
Le replace() remplace une valeur spécifiée par une autre valeur dans une chaîne :
Exemple
let text = « Veuillez visiter Microsoft! »;
let newText = text.replace(« Microsoft », « Infodewi »);
Essayez-le vous-même »
Note
Le replace() La méthode ne change pas la chaîne sur laquelle elle est appelée.
Le replace() La méthode renvoie une nouvelle chaîne.
Le replace() la méthode remplace seulement le premier correspondre
Si vous souhaitez remplacer toutes les correspondances, utilisez une expression régulière avec l’indicateur /g défini. Voir les exemples ci-dessous.
Par défaut, le replace() la méthode remplace seulement le premier correspondre:
Exemple
let text = « Veuillez visiter Microsoft et Microsoft ! » ;
let newText = text.replace(« Microsoft », « Infodewi »);
Essayez-le vous-même »
Par défaut, le replace() la méthode est sensible à la casse. Écrire MICROSOFT (avec des majuscules) ne fonctionnera pas :
Exemple
let text = « Veuillez visiter Microsoft! »;
let newText = text.replace(« MICROSOFT », « Infodewi »);
Essayez-le vous-même »
Pour remplacer l’insensible à la casse, utilisez un expression régulière avec un /i drapeau (insensible):
Exemple
let text = « Veuillez visiter Microsoft! »;
let newText = text.replace(/MICROSOFT/i, « Infodewi »);
Essayez-le vous-même »
Note
Les expressions régulières sont écrites sans guillemets.
Pour remplacer toutes les correspondances, utilisez un expression régulière avec un /g drapeau (correspondance globale):
Exemple
let text = « Veuillez visiter Microsoft et Microsoft ! » ;
let newText = text.replace(/Microsoft/g, « Infodewi »);
Essayez-le vous-même »
Chaîne JavaScript Remplacer tout ()
En 2021, JavaScript a introduit la méthode de chaîne replaceAll():
Exemple
text = text.replaceAll(« Chats », »Chiens »);
text = text.replaceAll(« chats », »chiens »);
Essayez-le vous-même »
Le replaceAll() La méthode vous permet de spécifier une expression régulière au lieu d’une chaîne à remplacer.
Si le paramètre est une expression régulière, l’indicateur global (g) doit être défini, sinon une TypeError est levée.
Exemple
text = text.replaceAll(/Cats/g, »Dogs »);
text = text.replaceAll(/cats/g, »chiens »);
Essayez-le vous-même »
Note
replaceAll() est une fonctionnalité ES2021.
replaceAll() ne fonctionne pas dans Internet Explorer.
Conversion en majuscules et minuscules
Une chaîne est convertie en majuscule avec toUpperCase():
Une chaîne est convertie en minuscules avec toLowerCase():
Chaîne JavaScript toUpperCase()
Chaîne JavaScript toLowerCase()
Exemple
let text1 = « Bonjour le monde! »; // Chaîne
laisser text2 = text1.toLowerCase(); // text2 est text1 converti en inférieur
Essayez-le vous-même »
Chaîne JavaScript concat()
concat() joint deux chaînes ou plus :
Exemple
let text1 = « Bonjour » ;
let text2 = « Monde » ;
laissez text3 = text1.concat( » « , text2);
Essayez-le vous-même »
Le concat() peut être utilisée à la place de l’opérateur plus. Ces deux lignes font la même chose :
Exemple
text = « Bonjour » + » » + « Monde ! » ;
text = « Bonjour ».concat( » « , « Monde! »);
Note
Toutes les méthodes de chaîne renvoient une nouvelle chaîne. Ils ne modifient pas la chaîne d’origine.
Formellement dit :
Les chaînes sont immuables : les chaînes ne peuvent pas être modifiées, seulement remplacées.
Trim de chaîne JavaScript()
Le trim() La méthode supprime les espaces blancs des deux côtés d’une chaîne :
Exemple
let text1 = » Bonjour le monde ! » ;
laissez text2 = text1.trim();
Essayez-le vous-même »
Chaîne JavaScript trimStart()
ECMAScript 2019 a ajouté la méthode String trimStart() à JavaScript.
Le trimStart() la méthode fonctionne comme trim()mais supprime les espaces uniquement à partir du début d’une chaîne.
Exemple
let text1 = » Bonjour le monde ! » ;
laissez text2 = text1.trimStart();
Essayez-le vous-même »
Chaîne JavaScript trimStart() est pris en charge dans tous les navigateurs modernes depuis janvier 2020 :
| Chrome 66 | Bord 79 | Firefox 61 | Safari 12 | Opéra 50 |
| Avr 2018 | janvier 2020 | juin 2018 | Septembre 2018 | Mai 2018 |
Chaîne JavaScript trimEnd()
ECMAScript 2019 a ajouté la méthode de chaîne trimEnd() à JavaScript.
Le trimEnd() la méthode fonctionne comme trim()mais supprime les espaces uniquement à la fin d’une chaîne.
Exemple
let text1 = » Bonjour le monde ! » ;
laisser text2 = text1.trimEnd();
Essayez-le vous-même »
Chaîne JavaScript trimEnd() est pris en charge dans tous les navigateurs modernes depuis janvier 2020 :
| Chrome 66 | Bord 79 | Firefox 61 | Safari 12 | Opéra 50 |
| Avr 2018 | janvier 2020 | juin 2018 | Septembre 2018 | Mai 2018 |
Remplissage de chaîne JavaScript
ECMAScript 2017 a ajouté deux nouvelles méthodes de chaîne à JavaScript : padStart()
et padEnd() pour prendre en charge le remplissage au début et à la fin d’une chaîne.
Chaîne JavaScript padStart()
Le padStart() La méthode remplit une chaîne depuis le début.
Il remplit une chaîne avec une autre chaîne (plusieurs fois) jusqu’à ce qu’elle atteigne une longueur donnée.
Exemples
Remplissez une chaîne avec « 0 » jusqu’à ce qu’elle atteigne la longueur 4 :
laisser texte = « 5 » ;
laissez rembourré = text.padStart(4, »0″);
Essayez-le vous-même »
Remplissez une chaîne avec « x » jusqu’à ce qu’elle atteigne la longueur 4 :
laisser texte = « 5 » ;
laissez rembourré = text.padStart(4, »x »);
Essayez-le vous-même »
Note
Le padStart() method est une méthode de chaîne.
Pour compléter un nombre, convertissez d’abord le nombre en chaîne.
Voir l’exemple ci-dessous.
Exemple
laissez engourdi = 5 ;
let text = numb.toString();
laissez rembourré = text.padStart(4, »0″);
Essayez-le vous-même »
Prise en charge du navigateur
padStart() est une fonctionnalité ECMAScript 2017.
Il est pris en charge dans tous les navigateurs modernes :
| Chrome | Bord | Firefox | Safari | Opéra |
| Oui | Oui | Oui | Oui | Oui |
padStart() n’est pas pris en charge dans Internet Explorer.
Chaîne JavaScript padEnd()
Le padEnd() La méthode remplit une chaîne à partir de la fin.
Il remplit une chaîne avec une autre chaîne (plusieurs fois) jusqu’à ce qu’elle atteigne une longueur donnée.
Note
Le padEnd() method est une méthode de chaîne.
Pour compléter un nombre, convertissez d’abord le nombre en chaîne.
Voir l’exemple ci-dessous.
Exemple
laissez engourdi = 5 ;
let text = numb.toString();
laissez rembourré = text.padEnd(4, »0″);
Essayez-le vous-même »
Prise en charge du navigateur
padEnd() est une fonctionnalité ECMAScript 2017.
Il est pris en charge dans tous les navigateurs modernes :
| Chrome | Bord | Firefox | Safari | Opéra |
| Oui | Oui | Oui | Oui | Oui |
padEnd() n’est pas pris en charge dans Internet Explorer.
Extraction de caractères de chaîne
Il existe 3 méthodes pour extraire les caractères de chaîne :
charAt(position)charCodeAt(position)- Accès à la propriété [ ]
Chaîne JavaScript charAt()
Le charAt() renvoie le caractère à un index (position) spécifié dans une chaîne :
Chaîne JavaScript charCodeAt()
Le charCodeAt() renvoie l’unicode du caractère à un index spécifié dans une chaîne :
La méthode renvoie un code UTF-16 (un entier compris entre 0 et 65535).
Accès à la propriété
ECMAScript 5 (2009) permet l’accès à la propriété [ ] sur les cordes :
Note
L’accès à la propriété peut être un peu imprévisible:
- Il fait ressembler les chaînes à des tableaux (mais ils ne le sont pas)
- Si aucun caractère n’est trouvé, [ ] renvoie undefined, tandis que charAt() renvoie une chaîne vide.
- Il est en lecture seule. chaîne[0] = « A » ne donne aucune erreur (mais ne fonctionne pas !)
Exemple
let text = « BONJOUR LE MONDE » ;
texte[0] = « A » ; // Ne donne aucune erreur, mais ne fonctionne pas
Essayez-le vous-même »
Conversion d’une chaîne en tableau
Si vous souhaitez utiliser une chaîne en tant que tableau, vous pouvez la convertir en tableau.
Chaîne JavaScript fractionnée()
Une chaîne peut être convertie en un tableau avec la split() méthode:
Exemple
text.split(« , ») // Séparer par des virgules
text.split( » « ) // Fractionner sur les espaces
text.split(« | ») // Fractionner sur le tuyau
Essayez-le vous-même »
Si le séparateur est omis, le tableau renvoyé contiendra toute la chaîne dans l’index [0].
Si le séparateur est « », le tableau renvoyé sera un tableau de caractères simples :
Référence de chaîne complète
Pour une référence complète de String, rendez-vous sur :
Référence de chaîne JavaScript complète.
La référence contient des descriptions et des exemples de toutes les propriétés et méthodes de chaîne.
#Méthodes #chaîne #JavaScript