Maison > interface Web > js tutoriel > Méthode de chaîne pour la correspondance de modèles à l'aide de JavaScript

Méthode de chaîne pour la correspondance de modèles à l'aide de JavaScript

亚连
Libérer: 2018-05-19 16:05:27
original
1763 Les gens l'ont consulté

L'éditeur suivant vous proposera une méthode String qui utilise JavaScript pour implémenter la correspondance de modèles. Permettez-moi de le partager avec vous maintenant et de le donner comme référence pour tout le monde.

Méthodes de chaîne pour la correspondance de modèles :

String prend en charge 4 méthodes utilisant des expressions régulières :

seach() est utilisé pour la récupération. Le paramètre est une expression régulière et renvoie la position de la première sous-chaîne correspondante. S'il est introuvable, il renvoie -1. Si le paramètre n'est pas une expression régulière, il est renvoyé. sera d'abord converti en expression régulière via le constructeur RexExp. La méthode search() ne prend pas en charge la recherche globale et ignore le modificateur g;

replace() est utilisé pour les opérations de récupération et de remplacement. Le paramètre est une expression régulière et le deuxième paramètre est la chaîne à remplacer. Il recherche la chaîne qui appelle cette méthode et remplace la sous-chaîne par le deuxième paramètre selon le modèle. Si le modificateur g est inclus, le texte intégral correspond. Si le premier paramètre n'est pas une expression régulière mais une chaîne, recherchez et remplacez directement la chaîne

text.replace(/javascript/gi,'JavaScript') signifie que la recherche n'est pas différenciée dans le texte intégral ; du texte. Remplacez le javascript majuscule et minuscule par JavaScript

Si ($ plus un nombre) apparaît dans la chaîne utilisée pour le remplacement, la méthode replace() le remplacera par le texte correspondant à la sous-expression représentée par $ plus un. number. , tel que :

var quote = /"([^"]*)"/g

text.replace(quote,'"$1"'); Recherche en texte intégral avec /"([ ^"]*)"/chaîne correspondante, remplacée par "$1" (ce qui signifie changer uniquement les guillemets doubles des deux côtés en demi-largeur chinoise, et le contenu stocké dans $1 reste inchangé) $1 stocke la référence et le premier cercle de gauche La chaîne correspondant à la sous-expression entre parenthèses ;

match() Le seul paramètre est une expression régulière, et le retour est un tableau composé de résultats correspondants. Si le paramètre n'est pas une expression régulière, il. sera d'abord le convertir en expression régulière via le constructeur RexExp ;

(2) Si cette expression régulière a le modificateur g, les éléments du tableau renvoyés par match() sont toutes les chaînes obtenues en faisant correspondre le texte intégral ;

(2) Si cette expression régulière n'a pas le modificateur g, match() récupère uniquement la première correspondance, mais elle renvoie également un tableau (le premier élément du tableau est la chaîne entière correspondante, et les éléments suivants sont des chaînes correspondant à toutes les sous-expressions entre parenthèses dans l'expression, et chaque élément correspond à une parenthèse)

Par exemple :

var url = /(\w*):\/\/([\w.]+)\/(\S*)/;
  var text = 'http://www.w3school.com.cn/jsref';
  var result = text.match(url);
  if(result != null) {
  var fullurl = result[0];
  var protocol =result[1];
  var host = result[2];
  var path = result[3];
}
Copier après la connexion

split() divise les caractères La chaîne est divisé en un tableau de plusieurs sous-chaînes selon le délimiteur spécifié par le paramètre, tel que :

'123,345,789'.split(','); //Return ['123','345',' 789 ']

'1, 2 , 3, 4 ,5 , 6'.split(/s*,s*/); //Retour ['1','2','3', '4','5','6']

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles connexes :

Explication détaillée des étapes pour appeler le cache pour implémenter la méthode JS

Comment utiliser l'instruction V-bind dans VueJs

nodejsRésumé de l'utilisation du module de journalisation winston

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal