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

Is there a way to determine the file size for uploading without using activexobject?

Leveraging AngularJS for parent-child communication through bindings in a unique and effective manner

Determine the length of a string in JavaScript and PHP taking into account "invisible characters" such as and

Two interconnected queries with the second query relying on the results of the first

Using jQuery to determine if the child element is a <ul> tag

Can you provide tips on using Ajax to store a cache file?

How can I implement a toggle button to display additional details for a specific row within a table created using React.js?

Exploring Grails Assets, Redirections, Secure Sockets Layer, and Chrome

Updating the content within a div following the submission of a contact form 7

While using axios to make a GET request, I encountered errors when checking for .isSuccess in react

What are the drawbacks of relying on a dependent dependency in software development?

Tips for determining the actions of a node prior to its inception

Encountering a "400 Bad Request" error when using Ajax within WordPress

Check if an array includes a specific value, and then either update it if found, or create it

Spring application: Unable to find a handler for portlet request with mode 'view' and phase 'Resource_PHASE'

Error: The hyperlink in the response from the Ajax request is not functioning as expected

What are the steps to successfully implement "Pointermove" event delegation in Safari iOS for parent/child elements?

vuejs default properties initialized with vue-i18n

An issue arises in Node.js and MongoDB where data is being returned from the previous update instead of the most

The variable 'props' is given a value but is never utilized - warning about unused variables in Vue 3