a987245e18
* Added new test case '8pass99' for positive and negative lookahead
* Changed the pwRegex to reflect the new solution
* Updated the pwRegex to reflect the latest solution as on forum
* Added another test case to catch "/^(?=\w{6,})(?=\D*\d{2})/" solution
98 lines
3.2 KiB
Markdown
98 lines
3.2 KiB
Markdown
---
|
|
id: 587d7dba367417b2b2512ba9
|
|
title: Positive and Negative Lookahead
|
|
challengeType: 1
|
|
forumTopicId: 301360
|
|
---
|
|
|
|
## Description
|
|
<section id='description'>
|
|
<dfn>Lookaheads</dfn> are patterns that tell JavaScript to look-ahead in your string to check for patterns further along. This can be useful when you want to search for multiple patterns over the same string.
|
|
There are two kinds of lookaheads: <dfn>positive lookahead</dfn> and <dfn>negative lookahead</dfn>.
|
|
A positive lookahead will look to make sure the element in the search pattern is there, but won't actually match it. A positive lookahead is used as <code>(?=...)</code> where the <code>...</code> is the required part that is not matched.
|
|
On the other hand, a negative lookahead will look to make sure the element in the search pattern is not there. A negative lookahead is used as <code>(?!...)</code> where the <code>...</code> is the pattern that you do not want to be there. The rest of the pattern is returned if the negative lookahead part is not present.
|
|
Lookaheads are a bit confusing but some examples will help.
|
|
|
|
```js
|
|
let quit = "qu";
|
|
let noquit = "qt";
|
|
let quRegex= /q(?=u)/;
|
|
let qRegex = /q(?!u)/;
|
|
quit.match(quRegex); // Returns ["q"]
|
|
noquit.match(qRegex); // Returns ["q"]
|
|
```
|
|
|
|
A more practical use of lookaheads is to check two or more patterns in one string. Here is a (naively) simple password checker that looks for between 3 and 6 characters and at least one number:
|
|
|
|
```js
|
|
let password = "abc123";
|
|
let checkPass = /(?=\w{3,6})(?=\D*\d)/;
|
|
checkPass.test(password); // Returns true
|
|
```
|
|
|
|
</section>
|
|
|
|
## Instructions
|
|
<section id='instructions'>
|
|
Use lookaheads in the <code>pwRegex</code> to match passwords that are greater than 5 characters long, do not begin with numbers, and have two consecutive digits.
|
|
</section>
|
|
|
|
## Tests
|
|
<section id='tests'>
|
|
|
|
```yml
|
|
tests:
|
|
- text: Your regex should use two positive <code>lookaheads</code>.
|
|
testString: assert(pwRegex.source.match(/\(\?=.*?\)\(\?=.*?\)/) !== null);
|
|
- text: Your regex should not match <code>"astronaut"</code>
|
|
testString: assert(!pwRegex.test("astronaut"));
|
|
- text: Your regex should not match <code>"airplanes"</code>
|
|
testString: assert(!pwRegex.test("airplanes"));
|
|
- text: Your regex should not match <code>"banan1"</code>
|
|
testString: assert(!pwRegex.test("banan1"));
|
|
- text: Your regex should match <code>"bana12"</code>
|
|
testString: assert(pwRegex.test("bana12"));
|
|
- text: Your regex should match <code>"abc123"</code>
|
|
testString: assert(pwRegex.test("abc123"));
|
|
- text: Your regex should not match <code>"123"</code>
|
|
testString: assert(!pwRegex.test("123"));
|
|
- text: Your regex should not match <code>"1234"</code>
|
|
testString: assert(!pwRegex.test("1234"));
|
|
- text: Your regex should not match <code>"8pass99"</code>
|
|
testString: assert(!pwRegex.test("8pass99"));
|
|
- text: Your regex should not match <code>"12abcde"</code>
|
|
testString: assert(!pwRegex.test("12abcde"));
|
|
|
|
|
|
|
|
```
|
|
|
|
</section>
|
|
|
|
## Challenge Seed
|
|
<section id='challengeSeed'>
|
|
|
|
<div id='js-seed'>
|
|
|
|
```js
|
|
let sampleWord = "astronaut";
|
|
let pwRegex = /change/; // Change this line
|
|
let result = pwRegex.test(sampleWord);
|
|
```
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</section>
|
|
|
|
## Solution
|
|
<section id='solution'>
|
|
|
|
|
|
```js
|
|
var pwRegex = /^(?=\w{6})(?=\D+\d{2})/;
|
|
```
|
|
|
|
</section>
|