2018-09-30 23:01:58 +01:00
---
id: 587d7dbb367417b2b2512bab
title: Use Capture Groups to Search and Replace
challengeType: 1
2019-08-05 09:17:33 -07:00
forumTopicId: 301368
2018-09-30 23:01:58 +01:00
---
2020-11-27 19:02:05 +01:00
# --description--
2018-09-30 23:01:58 +01:00
Searching is useful. However, you can make searching even more powerful when it also changes (or replaces) the text you match.
2020-11-27 19:02:05 +01:00
You can search and replace text in a string using `.replace()` on a string. The inputs for `.replace()` 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."
```
2020-11-27 19:02:05 +01:00
You can also access capture groups in the replacement string with dollar signs (`$` ).
2019-05-17 06:20:30 -07:00
```js
"Code Camp".replace(/(\w+)\s(\w+)/, '$2 $1');
// Returns "Camp Code"
```
2020-11-27 19:02:05 +01:00
# --instructions--
Write a regex `fixRegex` using three capture groups that will search for each word in the string "one two three". Then update the `replaceText` variable to replace "one two three" with the string "three two one" and assign the result to the `result` variable. Make sure you are utilizing capture groups in the replacement string using the dollar sign (`$` ) syntax.
# --hints--
2018-09-30 23:01:58 +01:00
2020-11-27 19:02:05 +01:00
You should use `.replace()` to search and replace.
```js
assert(code.match(/\.replace\(.*\)/));
2018-09-30 23:01:58 +01:00
```
2020-11-27 19:02:05 +01:00
Your regex should change `"one two three"` to `"three two one"`
2018-09-30 23:01:58 +01:00
2020-11-27 19:02:05 +01:00
```js
assert(result === 'three two one');
```
2018-09-30 23:01:58 +01:00
2020-11-27 19:02:05 +01:00
You should not change the last line.
2018-09-30 23:01:58 +01:00
```js
2020-11-27 19:02:05 +01:00
assert(code.match(/result\s*=\s*str\.replace\(.*?\)/));
```
`fixRegex` should use at least three capture groups.
```js
assert(new RegExp(fixRegex.source + '|').exec('').length - 1 >= 3);
2018-09-30 23:01:58 +01:00
```
2020-11-27 19:02:05 +01:00
`replaceText` should use parenthesized submatch string(s) (i.e. the nth parenthesized submatch string, $n, corresponds to the nth capture group).
2018-09-30 23:01:58 +01:00
2020-11-27 19:02:05 +01:00
```js
{
const re = /(\$\d{1,2})+(?:[\D]|\b)/g;
assert(replaceText.match(re).length >= 3);
}
```
2018-09-30 23:01:58 +01:00
2020-11-27 19:02:05 +01:00
# --seed--
2018-09-30 23:01:58 +01:00
2020-11-27 19:02:05 +01:00
## --seed-contents--
2018-09-30 23:01:58 +01:00
2020-11-27 19:02:05 +01:00
```js
let str = "one two three";
let fixRegex = /change/; // Change this line
let replaceText = ""; // Change this line
let result = str.replace(fixRegex, replaceText);
```
# --solutions--
2018-09-30 23:01:58 +01:00
```js
2019-12-14 16:41:47 -05:00
let str = "one two three";
let fixRegex = /(\w+) (\w+) (\w+)/g; // Change this line
let replaceText = "$3 $2 $1"; // Change this line
let result = str.replace(fixRegex, replaceText);
2018-09-30 23:01:58 +01:00
```