Comment diviser une chaîne en jquery

jQuery, en tant que bibliothèque JavaScript, fournit de nombreuses méthodes pratiques pour gérer les interactions frontales courantes telles que l'exploitation de DOM et l'exécution d'AJAX. Pour le traitement des chaînes, jQuery fournit également de nombreuses méthodes utiles. Parmi eux, diviser une chaîne en un tableau est une exigence courante. Cet article présentera comment jQuery implémente le fractionnement de chaînes.

Il existe deux méthodes de fractionnement de chaîne dans jQuery : split() et replace(). Ces deux méthodes seront présentées en détail ci-dessous, avec des exemples précis.

1. Méthode split()

La méthode split() est la propre méthode de chaîne de JavaScript et a également été héritée par jQuery. Cette méthode nous permet de diviser une chaîne en un tableau en fonction du délimiteur spécifié, puis de renvoyer le tableau.

Syntaxe : str.split(separator,limit)

Paramètres :

separator : obligatoire, utilisé pour spécifier le séparateur où la chaîne est divisée caractère ., qui peut être une chaîne ou une expression régulière. Si ce paramètre n'est pas spécifié, la chaîne entière est divisée en un tableau à un élément.

limit : Facultatif, utilisé pour spécifier la longueur maximale du tableau renvoyé. Si ce paramètre est défini, le tableau renvoyé ne dépassera pas cette limite. Si ce paramètre n'est pas défini, le tableau complet est renvoyé.

Exemple :

Supposons que nous ayons une chaîne séparée par des virgules comme celle-ci :

var str = "HTML,CSS,JavaScript ,jQuery,AngularJS, React";

Nous pouvons utiliser la méthode split() pour le diviser en un tableau, comme indiqué ci-dessous :

var arr = str.split(", ");
console.log(arr);

Résultat de sortie :

["HTML", "CSS", "JavaScript", "jQuery", "AngularJS" , "React"]

Dans l'exemple ci-dessus, nous utilisons la virgule comme délimiteur pour diviser la chaîne str en un tableau et stocker le tableau dans la variable arr. Le résultat montre que le tableau contient six éléments, qui sont les six chaînes que nous avons obtenues après la division.

2. Méthode Replace()

La méthode replace() est également une méthode fournie avec JavaScript et héritée par jQuery. Cette méthode recherche le texte spécifié dans une chaîne et le remplace par un nouveau texte. Dans ce processus, nous pouvons diviser la chaîne entière en un tableau à l'aide de délimiteurs et remplacer les éléments du tableau par un nouveau texte si nécessaire.

Syntaxe : str.replace(regexp|substr,newvalue)

Paramètres :

regexp|substr : obligatoire, utilisé pour spécifier ce qui doit être remplacé Chaîne ou expression régulière. Si cet argument est une chaîne plutôt qu'une expression régulière, il ne peut remplacer que la première correspondance. Si ce paramètre est une expression régulière, il remplace toutes les occurrences du modèle.

newvalue : Obligatoire, utilisé pour spécifier une chaîne de texte à remplacer ou une fonction pour générer un nouveau texte.

Exemple :

En supposant que nous utilisons toujours des virgules comme séparateurs, nous pouvons utiliser la méthode replace() pour diviser la chaîne en un tableau et utiliser le signe "-" pour remplacer les virgules.

var str = "HTML,CSS,JavaScript,React,Vue,Angular";
var arr = str.replace(/,/g,"-").split("- ");
console.log(arr);

Résultat de sortie :

["HTML", "CSS", "JavaScript", "React", "Vue", "Angular"]

Dans l'exemple ci-dessus, nous utilisons l'expression régulière /g pour permettre à la méthode replace() de remplacer toutes les virgules. Ensuite, nous divisons la chaîne en un tableau basé sur "-" et stockons le tableau dans la variable arr. Le résultat est le même que dans l'exemple ci-dessus, indiquant que le tableau contient six éléments, c'est-à-dire que nous avons réussi à diviser la chaîne en six chaînes.

Résumé :

Le fractionnement d'une chaîne en un tableau est une exigence courante. jQuery propose deux méthodes : split() et replace() pour répondre à cette exigence. Les deux méthodes sont relativement simples à comprendre et offrent une certaine flexibilité. Dans le développement réel, nous pouvons choisir la méthode appropriée en fonction des besoins spécifiques pour obtenir de meilleurs résultats de développement.

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!