57 lines
2.5 KiB
Markdown
57 lines
2.5 KiB
Markdown
|
---
|
||
|
|
id: 587d7dbb367417b2b2512bab
|
||
|
|
title: Use Capture Groups to Search and Replace
|
||
|
|
challengeType: 1
|
||
|
|
videoUrl: ''
|
||
|
|
localeTitle: Use grupos de captura para pesquisar e substituir
|
||
|
|
---
|
||
|
|
|
||
|
|
## Description
|
||
|
|
<section id="description"> Pesquisando é útil. No entanto, você pode tornar a pesquisa ainda mais poderosa quando ela também altera (ou substitui) o texto que você corresponde. Você pode pesquisar e substituir texto em uma string usando <code>.replace()</code> em uma string. As entradas para <code>.replace()</code> são primeiro o padrão regex que você deseja procurar. O segundo parâmetro é a string para substituir a correspondência ou uma função para fazer alguma coisa. <blockquote> vamos wrongText = "O céu é prateado."; <br> vamos silverRegex = / silver /; <br> wrongText.replace (silverRegex, "blue"); <br> // Retorna "O céu é azul." </blockquote> Você também pode acessar grupos de captura na sequência de substituição com sinais de cifrão ( <code>$</code> ). <blockquote> "Code Camp" .replace (/ (\ w +) \ s (\ w +) /, '$ 2 $ 1'); <br> // Retorna "Camp Code" </blockquote></section>
|
||
|
|
|
||
|
|
## Instructions
|
||
|
|
<section id="instructions"> Escreva um regex para que ele procure pela string <code>"good"</code> . Em seguida, atualize a variável <code>replaceText</code> para substituir <code>"good"</code> por <code>"okey-dokey"</code> . </section>
|
||
|
|
|
||
|
|
## Tests
|
||
|
|
<section id='tests'>
|
||
|
|
|
||
|
|
```yml
|
||
|
|
tests:
|
||
|
|
- text: Você deve usar <code>.replace()</code> para pesquisar e substituir.
|
||
|
|
testString: 'assert(code.match(/\.replace\(.*\)/), "You should use <code>.replace()</code> to search and replace.");'
|
||
|
|
- text: Seu regex deve mudar <code>"This sandwich is good."</code> para <code>"This sandwich is okey-dokey."</code>
|
||
|
|
testString: 'assert(result == "This sandwich is okey-dokey." && replaceText === "okey-dokey", "Your regex should change <code>"This sandwich is good."</code> to <code>"This sandwich is okey-dokey."</code>");'
|
||
|
|
- text: Você não deve mudar a última linha.
|
||
|
|
testString: 'assert(code.match(/result\s*=\s*huhText\.replace\(.*?\)/), "You should not change the last line.");'
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Challenge Seed
|
||
|
|
<section id='challengeSeed'>
|
||
|
|
|
||
|
|
<div id='js-seed'>
|
||
|
|
|
||
|
|
```js
|
||
|
|
let huhText = "This sandwich is good.";
|
||
|
|
let fixRegex = /change/; // Change this line
|
||
|
|
let replaceText = ""; // Change this line
|
||
|
|
let result = huhText.replace(fixRegex, replaceText);
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Solution
|
||
|
|
<section id='solution'>
|
||
|
|
|
||
|
|
```js
|
||
|
|
// solution required
|
||
|
|
```
|
||
|
|
</section>
|