Méthodes de chaînes JavaScript : aide-mémoire (en direct)

Aide-mémoire des méthodes de chaînes JavaScript

Méthodes de chaînes JavaScript : aide-mémoire (résultats en direct) | We.Inc

Saisissez votre propre texte et voyez chaque méthode de chaîne JavaScript courante s'exécuter dessus en direct : slice, split, replace avec regex, padStart, trim et plus encore, avec des helpers de validation à copier.

Les chaînes JavaScript disposent de méthodes intégrées pour rechercher (includes, indexOf, startsWith), découper (slice, substring, split), changer la casse, supprimer les espaces, compléter et remplacer. Aucune ne modifie le texte d'origine : les chaînes sont immuables, chaque méthode renvoie donc une nouvelle valeur. Saisissez n'importe quel texte ci-dessous pour voir chaque méthode s'exécuter dessus pendant que vous le modifiez.

Les méthodes les plus utilisées

Lire une liste de méthodes vous apprend des noms ; exécuter les méthodes sur votre propre texte vous apprend leur comportement. L'aide-mémoire interactif ci-dessous applique chaque méthode à ce que vous saisissez, si bien que les cas limites comme les index négatifs, les chaînes vides et les espaces répétés apparaissent immédiatement. Viennent ensuite les remplacements par regex et de petits helpers de validation à coller dans un formulaire.

Questions fréquentes

Quelle est la différence entre slice et substring ?

Les deux extraient une partie d'une chaîne entre un index de début et un index de fin. slice interprète un nombre négatif en comptant depuis la fin, donc slice(-3) renvoie les trois derniers caractères. substring traite les négatifs comme zéro et inverse les arguments si le début est plus grand que la fin.

Comment remplacer toutes les occurrences dans une chaîne ?

Utilisez replaceAll("old", "new") pour du texte simple, ou replace avec une regex globale comme text.replace(/old/g, "new"). Appeler replace avec une simple chaîne ne modifie que la première occurrence.

Comment utiliser des groupes de capture dans un remplacement ?

Entourez des parties du motif de parenthèses et faites-y référence avec $1, $2 dans la chaîne de remplacement. Les groupes nommés écrits (?<year>\d{4}) se référencent avec $<year>, et $& insère la correspondance entière.

Comment vérifier qu'une chaîne est une adresse e-mail valide ?

Un motif simple repère les fautes de frappe évidentes, mais aucune regex ne respecte entièrement les règles des adresses e-mail. La vérification la plus fiable dans le navigateur est un champ avec type="email", qui applique le motif défini par le standard HTML, suivie de l'envoi d'un message de confirmation.

Les méthodes de chaînes modifient-elles la variable d'origine ?

Non. Une valeur de chaîne ne peut pas être modifiée après sa création. Des méthodes comme toUpperCase renvoient une nouvelle chaîne, vous devez donc affecter le résultat : name = name.toUpperCase().

Index, valeurs négatives et caractères

Des méthodes de recherche qui renvoient des choses différentes

Nettoyer les saisies des utilisateurs

Remplacer avec une expression régulière

Un remplacement par regex peut cibler des motifs plutôt qu'un texte fixe, réordonner des parties avec des groupes de capture, ou calculer le remplacement avec une fonction.

Motifs spéciaux dans la chaîne de remplacement

Motifs de remplacement regex réutilisables

Chaque ligne s'exécute indépendamment. La forme avec fonction vous permet de transformer chaque correspondance, ici en mettant en majuscule la première lettre de chaque mot.

Helpers de validation et de nettoyage

Slug, casse de titre, troncature et vérification basique d'e-mail

De petites fonctions sans dépendance pour les formulaires et les URL. La vérification d'e-mail ne repère que les erreurs évidentes ; confirmez les adresses en envoyant un message.

Méthodes à éviter

Anciennes méthodes que MDN indique comme dépréciées

Inspecter

Nombre d'unités de code UTF-16

Inspecter

Caractère à une position ; les négatifs comptent depuis la fin

Inspecter

Dernier caractère

Inspecter

Caractère à une position, chaîne vide si hors limites

Inspecter

Numéro de l'unité de code UTF-16 à une position

Rechercher

true si le texte apparaît quelque part

Rechercher

true si la chaîne commence par le texte

Rechercher

true si la chaîne se termine par le texte

Rechercher

Première position du texte, ou -1

Rechercher

Dernière position du texte, ou -1

Rechercher

Position de la première correspondance regex, ou -1

Rechercher

Tableau de toutes les correspondances avec une regex globale

Découper

Partie entre deux positions

Découper

Les cinq derniers caractères

Découper

Partie entre deux positions, sans négatifs

Découper

Tableau des morceaux séparés par un séparateur

Modifier

Toutes les lettres en majuscules

Modifier

Toutes les lettres en minuscules

Modifier

Supprime les espaces aux deux extrémités

Modifier

Supprime les espaces au début

Modifier

Supprime les espaces à la fin

Modifier

Complète le début jusqu'à une longueur

Modifier

Complète la fin jusqu'à une longueur

Modifier

La chaîne répétée n fois

Modifier

Remplace uniquement la première correspondance

Modifier

Remplace chaque correspondance

Modifier

Concatène des chaînes ; + fait la même chose

Modifier

Forme normalisée Unicode, utile avant de comparer

Comparer

Négatif, 0 ou positif pour l'ordre de tri

Tout

Aide-mémoire interactif des méthodes de chaînes

Saisissez du texte et chaque méthode ci-dessous s'exécute dessus pendant que vous le modifiez.

Votre texte (str)

Filtrer les méthodes

par exemple pad ou trim

Groupe de méthodes

Méthodes de chaînes par groupe ({n} affichées)

Appel

Groupe

Rôle

Résultat

Essayez un remplacement par regex

Modifiez un motif, des flags et un remplacement pour les tester sur votre propre texte.

Texte

Motif

Flags

Remplacement

Motif invalide : {msg}

Commencer gratuitement · Sans carte bancaire

Voir aussi: Guides

Produit

Pour qui

Fonctionnalités

Ressources

Entreprise

Plan du site