2018-09-30 23:01:58 +01:00
---
id: 587d7dbb367417b2b2512bab
title: Use Capture Groups to Search and Replace
challengeType: 1
---
## Description
< section id = 'description' >
Searching is useful. However, you can make searching even more powerful when it also changes (or replaces) the text you match.
You can search and replace text in a string using < code > .replace()< / code > on a string. The inputs for < code > .replace()< / code > is first the regex pattern you want to search for. The second parameter is the string to replace the match or a function to do something.
2019-05-17 06:20:30 -07:00
```js
let wrongText = "The sky is silver.";
let silverRegex = /silver/;
wrongText.replace(silverRegex, "blue");
// Returns "The sky is blue."
```
2018-09-30 23:01:58 +01:00
You can also access capture groups in the replacement string with dollar signs (< code > $< / code > ).
2019-05-17 06:20:30 -07:00
```js
"Code Camp".replace(/(\w+)\s(\w+)/, '$2 $1');
// Returns "Camp Code"
```
2018-09-30 23:01:58 +01:00
< / section >
## Instructions
< section id = 'instructions' >
Write a regex so that it will search for the string < code > "good"< / code > . Then update the < code > replaceText< / code > variable to replace < code > "good"< / code > with < code > "okey-dokey"< / code > .
< / section >
## Tests
< section id = 'tests' >
```yml
2018-10-04 14:37:37 +01:00
tests:
- text: You should use < code > .replace()</ code > to search and replace.
2019-07-24 02:32:04 -07:00
testString: assert(code.match(/\.replace\(.*\)/));
2018-10-04 14:37:37 +01:00
- text: Your regex should change < code > "This sandwich is good."</ code > to < code > "This sandwich is okey-dokey."</ code >
2019-07-24 02:32:04 -07:00
testString: assert(result == "This sandwich is okey-dokey." & & replaceText === "okey-dokey");
2018-10-04 14:37:37 +01:00
- text: You should not change the last line.
2019-07-24 02:32:04 -07:00
testString: assert(code.match(/result\s*=\s*huhText\.replace\(.*?\)/));
2018-09-30 23:01:58 +01:00
```
< / 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
2019-05-03 03:05:26 -07:00
let huhText = "This sandwich is good.";
let fixRegex = /good/g; // Change this line
let replaceText = "okey-dokey"; // Change this line
let result = huhText.replace(fixRegex, replaceText);
2018-09-30 23:01:58 +01:00
```
2019-07-18 08:24:12 -07:00
2018-09-30 23:01:58 +01:00
< / section >