Choose particular content enclosed by two strings (across multiple lines)

Question

Choose particular content enclosed by two strings (across multiple lines)

Looking to use regex to extract specific text between two strings.

For example:

foo I have four toys bar    //single line

foo     //multiline
I
have
four
toys
bar

foo I have three pets bar

foo
I
have
three
pets bar

How can I extract the text between "foo" and "bar" that contains the word "four"?

Desired output:

I have four toys

I
have
four
toys

Here is my current regex code:

foo[\s\S]*?(four)[\s\S]*?bar

While this code works, it selects all text until the word "four" even if it's not within the "foo" and "bar" boundaries

foo I have three pets bar

foo I have four toys bar

foo
I
have
three
pets bar

My goal is to only extract text between "foo" and "bar" when it includes the word "four"

javascript regex regex-lookarounds regex-greedy

Answer 1

Answer №1

Here is a helpful regex pattern that can be used in dot all mode:

\bhello\s+(?:(?!\bworld\b).)*?\s+goodbye\s+(?:(?!\bhello\b).)*?\s+world

var input = `hello I have goodbye options world

hello
I
have
goodbye
options
world

hello I have no goodbye idea world

hello
I
have
no
goodbye
idea world`;

var matches = input.match(/\bhello\s+(?:(?!\bworld\b).)*?\s+goodbye\s+(?:(?!\bhello\b).)*?\s+world/gs)
                   .map(x => x.replace(/^hello\s+|\s+world$/g, ""));
console.log(matches);

An explanation of this elaborate regex pattern could be beneficial:

\bhello\s+          match 'hello' followed by one or more whitespace characters
(?:(?!\bworld\b).)*?  match any content WITHOUT encountering 'world'
\s+goodbye\s+        match 'goodbye' surrounded by whitespace
(?:(?!\bhello\b).)*?  match any content WITHOUT encountering 'hello'
\s+world            whitespace followed by ending 'world'

It's important to note that the match() method requires a map step to remove leading hello and trailing world from each match.

Answer 2

Here is a helpful regex pattern that can be used in dot all mode:

\bhello\s+(?:(?!\bworld\b).)*?\s+goodbye\s+(?:(?!\bhello\b).)*?\s+world

var input = `hello I have goodbye options world

hello
I
have
goodbye
options
world

hello I have no goodbye idea world

hello
I
have
no
goodbye
idea world`;

var matches = input.match(/\bhello\s+(?:(?!\bworld\b).)*?\s+goodbye\s+(?:(?!\bhello\b).)*?\s+world/gs)
                   .map(x => x.replace(/^hello\s+|\s+world$/g, ""));
console.log(matches);

An explanation of this elaborate regex pattern could be beneficial:

\bhello\s+          match 'hello' followed by one or more whitespace characters
(?:(?!\bworld\b).)*?  match any content WITHOUT encountering 'world'
\s+goodbye\s+        match 'goodbye' surrounded by whitespace
(?:(?!\bhello\b).)*?  match any content WITHOUT encountering 'hello'
\s+world            whitespace followed by ending 'world'

It's important to note that the match() method requires a map step to remove leading hello and trailing world from each match.

Choose particular content enclosed by two strings (across multiple lines)

Answer №1

Similar questions

I am utilizing Vuex to store all of the product details and handle API request queries efficiently

Quantifying the passage of time for data entry

Data binding in Vue.js seems to be malfunctioning

Tips for utilizing vulnerable web scripts on SSL-enabled pages

Exploring Nested Views in a MEAN Application using UI Router

What is the best way to dynamically update a specific value within an object based on the current state in React/Next?

Optimizing the JSON date structure

Having issues with showing an image from a specified component in a separate file

Retrieve the values and IDs for every span element within the form

Is it possible to invoke the created() function in Vue from another method?

I'm a beginner when it comes to Android WebView and incorporating JavaScript into my projects

Encountering a problem while trying to launch the development server for a React application using the npm-start

Performing an HTTP request response in JavaScript

When the user clicks on the iframe, they will be redirected to the

When using v-for to render an array list fetched from AsyncData, an error is thrown: The virtual DOM tree rendered on the client-side does not match the one

A guide on removing an element from a state array in a React functional component for a To-Do List application

Issues arise when trying to integrate external JavaScript files into a Vue application

Error Encountered - Node.js application experiencing issues in passport login functionality

Ajax Multidimensional Array Response

Conceal any ng-repeat elements that do not contain corresponding grandchildren within two levels of nested ng-repeats