Maison > interface Web > js tutoriel > le corps du texte

Manipulation de chaînes JavaScript : comment utiliser le fractionnement, l'inversion et la jointure

Linda Hamilton
Libérer: 2024-10-12 06:29:02
original
1016 Les gens l'ont consulté

JavaScript String Manipulation: How to Use Split, Reverse, and Join

Introduction

Dans cet article, nous examinerons trois méthodes JavaScript : split(), reverse() et join(). Ces méthodes sont utiles pour travailler avec des chaînes et effectuer des tâches telles que inverser du texte ou modifier l'ordre des mots.

Conditions préalables

Aucune expérience préalable n'est requise : il suffit d'être prêt à se plonger dans JavaScript et à expérimenter ces méthodes.

La méthode split()

La méthode split() divise une chaîne en un tableau basé sur un délimiteur spécifié, qui est passé en argument. Le délimiteur indique au programme où « couper » la chaîne. Par exemple, si vous avez une phrase comme « Ceci est un délicieux sandwich » et que vous souhaitez la diviser en mots individuels, vous pouvez utiliser un espace (' ») comme délimiteur.

const string = "This is a lovely sandwich";
const splitString = string.split(" ");
Copier après la connexion

Lorsque vous fournissez un espace (' ') comme argument, le code recherche cet espace dans la chaîne et « divise » la chaîne à chaque occurrence. Cela crée un tableau où chaque mot devient un élément individuel.

Le résultat du code ci-dessus est :

Array(5) [ "This", "is", "a", "lovely", "sandwich" ]
Copier après la connexion

Plutôt sympa, non ?

Vous pouvez utiliser le délimiteur de votre choix. Par exemple, si vous avez une chaîne avec trait d'union comme "salut-comment-allez-vous !" et vous souhaitez le diviser par des tirets, utilisez simplement '-' comme délimiteur :

const hyphen = "hi-there-how-are-you-doing!";
const splitHyphen = hyphen.split("-");
Copier après la connexion

Cela donne :

Array(6) [ "hi", "there", "how", "are", "you", "doing!" ]
Copier après la connexion

Cette méthode ouvre de nombreuses possibilités de manipulation des chaînes. Mais maintenant, vous pensez peut-être : D'accord, c'est super, mais j'ai commencé avec une chaîne et maintenant j'ai un tableau. Comment récupérer mon string ?

Passons à la méthode suivante.

La méthode join()

La méthode join() peut être utilisée sur un tableau pour le reconvertir en chaîne. Tout comme split(), la méthode join() prend un argument qui spécifie comment joindre les éléments du tableau. La différence est qu'au lieu de casser une chaîne, join() utilise l'argument pour combiner les éléments du tableau en une seule chaîne.

Par exemple, en utilisant le tableau splitHyphen précédent, vous pouvez le joindre à nouveau dans une chaîne en fournissant un espace comme argument :

const joinedString = splitHyphen.join(" ");
Copier après la connexion

Cela donne :

"hi there how are you doing!"
Copier après la connexion

C'est comme par magie ! Maintenant, votre tableau est à nouveau transformé en chaîne, avec des espaces entre chaque mot.

La méthode inverse()

La méthode reverse() modifie l'ordre des éléments dans un tableau pour qu'il soit à l'opposé de ce qu'il était. Cette méthode est appelée directement sur le tableau, sans aucun argument, et elle inverse simplement l'ordre des éléments.

Par exemple, si vous souhaitez inverser les éléments du tableau splitHyphen, vous pouvez faire ceci :

const reversedArray = splitHyphen.reverse();
Copier après la connexion

Le résultat est :

[ "doing!", "you", "are", "how", "there", "hi" ]
Copier après la connexion

Vous pouvez même utiliser à nouveau join() pour reconvertir ce tableau inversé en chaîne :

const reversedString = reversedArray.join(" ");
Copier après la connexion

Cela vous donne :

"doing! you are how there hi"
Copier après la connexion

Plutôt cool, non ?

Conclusion

Dans cet article, nous avons exploré trois méthodes essentielles en JavaScript : split(), reverse() et join(). Nous avons examiné comment ils travaillent ensemble pour manipuler des chaînes et des tableaux, en les transformant de manière flexible. J'espère que cela vous aidera dans votre parcours JavaScript et vous incitera à expérimenter davantage !


Merci d'avoir lu ! Si vous avez des questions ou souhaitez partager vos réflexions sur la manipulation des chaînes JavaScript, n'hésitez pas à me contacter sur Twitter @km_fsdev.

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!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal