Using JavaScript's regular expressions to identify a code block that commences with a specified pattern

Question

Using JavaScript's regular expressions to identify a code block that commences with a specified pattern

Currently, I am working on a JavaScript script and I am in need of a Regex pattern to quickly match "JSDocs". The specific pattern that I am trying to match looks like this:

# this is block1
/// text
/// text
/// text
/// text

# this is block2
/// text
/// text
/// text
/// text

A block in this context is defined by consecutive lines starting with "///". Here is what I have come up with so far:

/(/^(\/{3}[\w\W]*)^(?!\/{3})/gm

The issue I am facing is that my current regex pattern requires two line breaks (\n\n) at the end of each input block for it to work properly, which is something I want to avoid.

javascript regex

Answer 1

Answer №1

If you need to extract multiple occurrences of a specific pattern from a text in JavaScript, you can use the following regex:

const result = text.match(/^\/{3}.*(?:\r?\n\/{3}.*)*/gm)

To see how this regex works in action, you can check out the regex demo. Make sure to pay attention to the flags used such as g and m.

Here is an overview of the regex pattern:

^ - indicates the start of a line
\/{3} - matches three consecutive slashes
.* - represents any characters after the three slashes on the same line
(?:\r?\n\/{3}.*)* - captures zero or more sequences consisting of a line break followed by three slashes and additional content

If you want to test this regex with some sample JavaScript code, you can run the following snippet:

const text = '# this is block1\n/// text\n/// text\n/// text\n/// text\n\n# this is block2\n/// text\n/// text\n/// text\n/// text';
const result = text.match(/^\/{3}.*(?:\r?\n\/{3}.*)*/gm)
console.log(result);

Answer 2

If you need to extract multiple occurrences of a specific pattern from a text in JavaScript, you can use the following regex:

const result = text.match(/^\/{3}.*(?:\r?\n\/{3}.*)*/gm)

To see how this regex works in action, you can check out the regex demo. Make sure to pay attention to the flags used such as g and m.

Here is an overview of the regex pattern:

^ - indicates the start of a line
\/{3} - matches three consecutive slashes
.* - represents any characters after the three slashes on the same line
(?:\r?\n\/{3}.*)* - captures zero or more sequences consisting of a line break followed by three slashes and additional content

If you want to test this regex with some sample JavaScript code, you can run the following snippet:

const text = '# this is block1\n/// text\n/// text\n/// text\n/// text\n\n# this is block2\n/// text\n/// text\n/// text\n/// text';
const result = text.match(/^\/{3}.*(?:\r?\n\/{3}.*)*/gm)
console.log(result);

Using JavaScript's regular expressions to identify a code block that commences with a specified pattern

Answer №1

Similar questions

There appears to be an inexplicable issue hindering the functionality of smoothscroll in

Create a stunning MUI App bar with a blurred effect below a fixed Navbar

How to choose a javascript drop down using selenium?

Node/Express: Detecting PDF Data Size of 0

Is there a way to dim and deactivate a button after it has been clicked once?

Enhance the appearance of 6 image URLs by wrapping them in dynamic divs with the

Show a table with rows that display an array from a JSON object using JavaScript

Display the div only when the time variable reaches zero

I am looking to showcase the information from two separate collections

Ways to customize easypiechart appearance with CSS styling

Ensure that all checkboxes are only selected within a single table

Transferring form data to a PHP script with the help of JavaScript/jQuery

Discover the array of results by implementing a while loop in JavaScript

Ways to create a back-and-forth transition across a sequence

Using Angular2 to assign the response from an http.get request to a class object

Vue.js - Resetting child components upon array re-indexing

Exploring the world of React-Bootstrap elements and properties

Detecting changes in arrays in Vue.js 2

Executing a PHP script with form parameter onSubmit for sending an email

Export a function within a function to be used in another file in Javascript