interface Web
js tutoriel
Comment obtenir la chaîne entre accolades à l'aide de l'expression régulière de JavaScript ?
Comment obtenir la chaîne entre accolades à l'aide de l'expression régulière de JavaScript ?
Nous pouvons créer une expression régulière afin qu'elle puisse trouver toutes les sous-chaînes entre accolades. Après cela, nous pouvons utiliser la méthode exec() ou match() pour extraire la sous-chaîne correspondante.
Dans ce tutoriel, nous apprendrons à utiliser des expressions régulières en JavaScript pour placer la chaîne entre accolades. Par exemple, si nous avons une chaîne du type « Ceci est une {chaîne} avec des accolades {bouclées}, nous devons extraire toutes les sous-chaînes qui résident entre les accolades.
Utilisez la méthode exec() avec des expressions régulières pour obtenir la chaîne entre accolades
La méthode exec() est généralement utilisée avec des expressions régulières pour trouver des sous-chaînes correspondantes. Il renvoie tous les résultats correspondants au format tableau, ou null si aucune correspondance n'est trouvée.
Grammaire
Les utilisateurs peuvent suivre la syntaxe ci-dessous pour utiliser la méthode exec() avec l'expression régulière pour obtenir toutes les sous-chaînes entre les accolades
.var regex = /{([^}]+)}/g;
while (match = regex.exec(originalStr)) {
results.push(match[1]);
}
Dans la syntaxe ci-dessus, nous avons créé une expression régulière pour trouver la sous-chaîne entre accolades. Nous parcourons ensuite le tableau matches et obtenons toutes les occurrences correspondantes.
La traduction chinoise deExemple
est :Exemple
La variable 'originalStr' contient la chaîne avec des accolades dans l'exemple ci-dessous. La méthode regex.exec() renvoie un tableau bidimensionnel de toutes les sous-chaînes correspondantes. Chaque élément du tableau est un tableau contenant deux chaînes. Le premier élément est la chaîne avec des accolades et le deuxième élément est la chaîne sans accolades que nous voulons extraire.
Dans la sortie, l'utilisateur peut observer qu'il affiche les sous-chaînes "Développeurs" et "JavaScript" puisqu'elles sont toutes deux entre accolades.
<html>
<body>
<h3 id="Using-the-i-regular-expression-and-exec-method-i-to-get-string-between-curly-braces-in-JavaScript">Using the <i> regular expression and exec() method </i> to get string between curly braces in JavaScript</h3>
<div id = "demo"> </div>
<script>
let output = document.getElementById("demo");
function getStringBetweenBraces() {
var originalStr = "Hello {Developers}! Let's develop {JavaScript} code!";
var found = [];
var regex = /{([^}]+)}/g;
var results = [];
let match;
while (match = regex.exec(originalStr)) {
results.push(match[1]);
}
output.innerHTML = "The original string is " + originalStr + "<br>";
output.innerHTML += "The substrings between curly braces are " + results + "<br>";
}
getStringBetweenBraces();
</script>
</body>
</html>
Utilisez la méthode match() avec des expressions régulières pour obtenir la chaîne entre accolades
La méthodematch() renvoie également toutes les occurrences correspondantes dans la chaîne au format tableau.
Grammaire
Les utilisateurs peuvent utiliser la méthode match() et les expressions régulières selon la syntaxe suivante pour obtenir la chaîne entre accolades
let results = originalStr.match(/{([^}]+)}/g);
Dans la syntaxe ci-dessus, originalStr est une chaîne avec des accolades, et nous passons l'expression régulière comme paramètre de la méthode match().
La traduction chinoise deExemple
est :Exemple
Dans l'exemple ci-dessous, la méthode match() renvoie un tableau de chaînes avec des accolades. Cependant, il ne renvoie pas la chaîne après avoir supprimé les accolades. Les utilisateurs peuvent utiliser la méthode subStr() ou substring() pour supprimer les accolades des résultats renvoyés.
<html>
<body>
<h3 id="Using-the-i-regular-expression-and-match-method-i-to-get-string-between-curly-braces-in-JavaScript">Using the <i> regular expression and match() method </i> to get string between curly braces in JavaScript</h3>
<div id = "demo"> </div>
<script>
let output = document.getElementById("demo");
function getStringBetweenBraces() {
var originalStr = "This is {sample} string! This is {original} string!";
let results = originalStr.match(/{([^}]+)}/g);
output.innerHTML = "The original string is " + originalStr + "<br>";
output.innerHTML += "The substrings between curly braces are " + results + "<br>";
}
getStringBetweenBraces();
</script>
</body>
</html>
Utilisez une boucle for pour placer la chaîne entre accolades
Nous pouvons également extraire toutes les sous-chaînes entre les accolades en itérant la chaîne à l'aide d'une boucle for. Nous pouvons garder une trace de l’index de début et de fin des accolades. Nous pouvons ensuite extraire la sous-chaîne de la chaîne d'origine en utilisant la méthode substring().
Grammaire
Les utilisateurs peuvent utiliser la boucle for selon la syntaxe suivante pour extraire la sous-chaîne entre accolades.
for ( ) {
if (str[i] == "{")
start = i;
if (str[i] == "}") {
end = i;
let bracesString = str.substring(start + 1, end);
}
}
Dans la syntaxe ci-dessus, nous gardons une trace de l'index de début et de fin des accolades et extrayons la chaîne à l'aide de la méthode substring().
Étapes
Étape 1 - Utilisez une boucle for pour parcourir la chaîne.
Étape 2 - Si le caractère avec l'index 'I' dans la chaîne est égal à '{', stockez la valeur de l'index dans la variable de départ.
Étape 3 - Si le caractère avec l'index 'I' dans la chaîne est égal à '}', stockez la valeur de l'index dans la variable de fin.
Étape 3.1 - Utilisez la méthode substring() pour obtenir la sous-chaîne entre l'index « start + 1 » après l'index « end ».
Étape 3.2 - Poussez la sous-chaîne résultante dans un tableau.
La traduction chinoise deExemple
est :Exemple
Dans l'exemple ci-dessous, nous avons suivi les étapes ci-dessus pour extraire la chaîne entre accolades à l'aide d'une boucle for. Cependant, cette méthode ne fonctionne pas pour extraire des chaînes entre accolades imbriquées.
<html>
<body>
<h3 id="Using-the-i-for-loop-i-to-get-string-between-curly-braces-in-JavaScript">Using the <i> for loop </i> to get string between curly braces in JavaScript</h3>
<div id = "demo"> </div>
<script>
let output = document.getElementById("demo");
function getStringBetweenBraces() {
var str = "Hello {Users}! Welcome to {Website}!";
var start = 0;
var end = 0;
let results = [];
for (var i = 0; i < str.length; i++) {
if (str[i] == "{") {
start = i;
}
if (str[i] == "}") {
end = i;
let bracesString = str.substring(start + 1, end);
results.push(bracesString);
}
}
output.innerHTML = "The original string is " + str + "<br>";
output.innerHTML += "The substrings between curly braces are " + results + "<br>";
}
getStringBetweenBraces();
</script>
</body>
</html>
Dans ce tutoriel, nous avons appris à extraire la chaîne entre accolades à l'aide d'expressions régulières. Dans la première méthode, nous avons utilisé la méthode exec() avec une expression régulière ; dans la deuxième méthode, nous avons utilisé la méthode match() avec une expression régulière.
Dans la troisième méthode, nous avons utilisé une boucle for au lieu d'expressions régulières.
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
1662
14
1419
52
1313
25
1262
29
1235
24
Démystifier javascript: ce qu'il fait et pourquoi c'est important
Apr 09, 2025 am 12:07 AM
JavaScript est la pierre angulaire du développement Web moderne, et ses principales fonctions incluent la programmation axée sur les événements, la génération de contenu dynamique et la programmation asynchrone. 1) La programmation axée sur les événements permet aux pages Web de changer dynamiquement en fonction des opérations utilisateur. 2) La génération de contenu dynamique permet d'ajuster le contenu de la page en fonction des conditions. 3) La programmation asynchrone garantit que l'interface utilisateur n'est pas bloquée. JavaScript est largement utilisé dans l'interaction Web, les applications à une page et le développement côté serveur, améliorant considérablement la flexibilité de l'expérience utilisateur et du développement multiplateforme.
L'évolution de JavaScript: tendances actuelles et perspectives d'avenir
Apr 10, 2025 am 09:33 AM
Les dernières tendances de JavaScript incluent la montée en puissance de TypeScript, la popularité des frameworks et bibliothèques modernes et l'application de WebAssembly. Les prospects futurs couvrent des systèmes de type plus puissants, le développement du JavaScript côté serveur, l'expansion de l'intelligence artificielle et de l'apprentissage automatique, et le potentiel de l'informatique IoT et Edge.
Moteurs JavaScript: comparaison des implémentations
Apr 13, 2025 am 12:05 AM
Différents moteurs JavaScript ont des effets différents lors de l'analyse et de l'exécution du code JavaScript, car les principes d'implémentation et les stratégies d'optimisation de chaque moteur diffèrent. 1. Analyse lexicale: convertir le code source en unité lexicale. 2. Analyse de la grammaire: générer un arbre de syntaxe abstrait. 3. Optimisation et compilation: générer du code machine via le compilateur JIT. 4. Exécuter: Exécutez le code machine. Le moteur V8 optimise grâce à une compilation instantanée et à une classe cachée, SpiderMonkey utilise un système d'inférence de type, résultant en différentes performances de performances sur le même code.
JavaScript: Explorer la polyvalence d'un langage Web
Apr 11, 2025 am 12:01 AM
JavaScript est le langage central du développement Web moderne et est largement utilisé pour sa diversité et sa flexibilité. 1) Développement frontal: construire des pages Web dynamiques et des applications à une seule page via les opérations DOM et les cadres modernes (tels que React, Vue.js, Angular). 2) Développement côté serveur: Node.js utilise un modèle d'E / S non bloquant pour gérer une concurrence élevée et des applications en temps réel. 3) Développement des applications mobiles et de bureau: le développement de la plate-forme multiplateuse est réalisé par réact noral et électron pour améliorer l'efficacité du développement.
Python vs JavaScript: la courbe d'apprentissage et la facilité d'utilisation
Apr 16, 2025 am 12:12 AM
Python convient plus aux débutants, avec une courbe d'apprentissage en douceur et une syntaxe concise; JavaScript convient au développement frontal, avec une courbe d'apprentissage abrupte et une syntaxe flexible. 1. La syntaxe Python est intuitive et adaptée à la science des données et au développement back-end. 2. JavaScript est flexible et largement utilisé dans la programmation frontale et côté serveur.
Comment construire une application SaaS multi-locataire avec Next.js (Frontend Integration)
Apr 11, 2025 am 08:22 AM
Cet article démontre l'intégration frontale avec un backend sécurisé par permis, construisant une application fonctionnelle EdTech SaaS en utilisant Next.js. Le frontend récupère les autorisations des utilisateurs pour contrôler la visibilité de l'interface utilisateur et garantit que les demandes d'API adhèrent à la base de rôles
De C / C à JavaScript: comment tout cela fonctionne
Apr 14, 2025 am 12:05 AM
Le passage de C / C à JavaScript nécessite de s'adapter à la frappe dynamique, à la collecte des ordures et à la programmation asynchrone. 1) C / C est un langage dactylographié statiquement qui nécessite une gestion manuelle de la mémoire, tandis que JavaScript est dynamiquement typé et que la collecte des déchets est automatiquement traitée. 2) C / C doit être compilé en code machine, tandis que JavaScript est une langue interprétée. 3) JavaScript introduit des concepts tels que les fermetures, les chaînes de prototypes et la promesse, ce qui améliore la flexibilité et les capacités de programmation asynchrones.
Construire une application SaaS multi-locataire avec next.js (intégration backend)
Apr 11, 2025 am 08:23 AM
J'ai construit une application SAAS multi-locataire fonctionnelle (une application EdTech) avec votre outil technologique quotidien et vous pouvez faire de même. Premièrement, qu'est-ce qu'une application SaaS multi-locataire? Les applications saas multi-locataires vous permettent de servir plusieurs clients à partir d'un chant
