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

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(" ");

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" ]

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("-");

Cela donne :

Array(6) [ "hi", "there", "how", "are", "you", "doing!" ]

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(" ");

Cela donne :

"hi there how are you doing!"

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();

Le résultat est :

[ "doing!", "you", "are", "how", "there", "hi" ]

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

const reversedString = reversedArray.join(" ");

Cela vous donne :

"doing! you are how there hi"

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!