Using Regex instead of the method resulted in logging an unexpected output, displaying the matched text as $& and the

Question

Using Regex instead of the method resulted in logging an unexpected output, displaying the matched text as $& and the

I have a regular expression that I'm using with the .replace method to extract paragraphs from a string and add them to an array.

I've been struggling with my getValues function; when I logged Match and Group1 to the console, I got unexpected results.

Here's the work in progress code:

var mystring = 'Valid prater\nLorem ipsum dolor sit amet, consectetur adipiscing elit. \nProin volutpat facilisis imperdiet. \n Nunc porttito\nMorbi non eros nec arcu condimentum ultrices in ut nunc. \nMaecenas elit tellus, scelerisque ac auctor fermentum, bibendum. '

var paragraphs = [];
var obj = {};

var getValues = function(match,p1) { 
  console.log('Match: ' + match );
  console.log('p1: ' + p1 );

    // obj= {};
    // obj['paragraph'] = p1; 
    // paragraphs.push(obj);
 };

mystring.replace(/([^\\n][^\\]+)/g, getValues);

https://jsfiddle.net/7293mo7y/

Expected output:

Match: Valid prater
p1: Valid prater
Match: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
p1: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Match: Proin volutpat facilisis imperdiet.
p1: Proin volutpat facilisis imperdiet.
Match: Nunc porttito
p1: Nunc porttito
Match: Morbi non eros nec arcu condimentum ultrices in ut nunc.
p1: Morbi non eros nec arcu condimentum ultrices in ut nunc.
Match: Maecenas elit tellus, scelerisque ac auctor fermentum, bibendum. 
p1: Maecenas elit tellus, scelerisque ac auctor fermentum, bibendum.

I'm looking for similar results as in this example

Actual output:

Match: Valid prater
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Proin volutpat facilisis imperdiet. 
 Nunc porttito
Morbi non eros nec arcu condimentum ultrices in ut nunc. 
Maecenas elit tellus, scelerisque ac auctor fermentum, bibendum. 
p1: Valid prater
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Proin volutpat facilisis imperdiet. 
 Nunc porttito
Morbi non eros nec arcu condimentum ultrices in ut nunc. 
Maecenas elit tellus, scelerisque ac auctor fermentum, bibendum.

Can someone explain why I'm not getting the expected output when logging match and p1 to the console?

Why is the behavior different from this example?

What needs to be changed to achieve the expected output?

Thank you!

javascript regex replace match

Answer 1

Answer №1

To leverage the MULTILINE flag or simply m in your regex, allowing the use of anchors ^ and $ to match an entire line in each iteration, follow this method:

let myText = 'Example sentence\nLorem ipsum dolor sit amet, consectetur adipiscing elit. \nProin volutpat facilisis imperdiet. \n Nunc porttito\nMorbi non eros nec arcu condimentum ultrices in ut nunc. \nMaecenas elit tellus, scelerisque ac auctor fermentum, bibendum. '

let paragraphsArray = [];
let dataObject = {};

let extractValues = function(match,p1) { 
  console.log('Match: ' + match);
  console.log('p1: ' + p1);
 };

myText.replace(/^(.*)$/mg, extractValues);

Modified JS Fiddle Link

Answer 2

To leverage the MULTILINE flag or simply m in your regex, allowing the use of anchors ^ and $ to match an entire line in each iteration, follow this method:

let myText = 'Example sentence\nLorem ipsum dolor sit amet, consectetur adipiscing elit. \nProin volutpat facilisis imperdiet. \n Nunc porttito\nMorbi non eros nec arcu condimentum ultrices in ut nunc. \nMaecenas elit tellus, scelerisque ac auctor fermentum, bibendum. '

let paragraphsArray = [];
let dataObject = {};

let extractValues = function(match,p1) { 
  console.log('Match: ' + match);
  console.log('p1: ' + p1);
 };

myText.replace(/^(.*)$/mg, extractValues);

Modified JS Fiddle Link

Using Regex instead of the method resulted in logging an unexpected output, displaying the matched text as $& and the

Answer №1

Similar questions

Is using async/await with setState() in React.js the best approach for handling asynchronous operations?

Using Node.js with the Instagram API resulted in the error message: "Failed to decode a text frame in UTF-8 format."

Learning how to utilize localStorage in conjunction with a color picker to modify the --var of :root

Node.js equivalent of PHP's SimpleXMLParser

Jquery Deferred failing to activate done or when functions

Triggering a new window on button click with Vue and Nuxt

Issue with the functionality of Jquery scrolling through thumbnail images animation

I am encountering an issue with my Javascript file not running due to a bigint error

Is there a way to cancel a fetch request and initiate a new one right away?

How can JQuery be utilized to extract the information stored in the "value" parameter of a chosen option?

Using regular expressions to eliminate extra spaces using re.sub results in commas following every character

Shut down a pop-up overlay

AngularJS: Establishing effective communication channels among directives

SyntaxError: An unidentified item was encountered at the <head> location

Tips for bringing in and adding an excel spreadsheet to a kendo grid with the help of JQuery

Storing Images in MySQL Database with JavaScript and Node.js: A Step-by-Step Guide

Steps to Retrieve and Showcase a Compilation of YouTube Clips with JavaScript

Adjust CSS classes as user scrolls using skrollr

Surprising Outcomes of Negative Margin in jQuery Animation

Converting PHP variables to JavaScript variables: A step-by-step guide