Tips for dividing an array based on a defined regex pattern in JavaScript

Question

Tips for dividing an array based on a defined regex pattern in JavaScript

I want to split a string of text into an array of sentences while preserving the punctuation marks.

var text = 'This is the first sentence. This is another sentence! This is a question?' 
var splitText = text.split(/\b(?<=[.!?])/);
splitText  
  => ["This is the first sentence.", "This is another sentence!", "This is a question?"]

How can I ensure that all sentences are split after the punctuation marks so that splitText returns the desired output?

["This is the first sentence.", "This is another sentence!", "This is a question?"]

javascript arrays regex

Answer 1

Answer №1

Instead of utilizing the split function to pinpoint where you'd like to divide your text, you have the option to utilize String#match along with a global regular expression to target the specific text you wish to retain:

var splitString = string.match(/\S.+?[!?.]/g)

This eliminates the necessity for using look-behinds, which aren't supported in JavaScript's regex format currently, or making additional calls to methods like Array#filter:

var string = 'This is the initial statement. What about this one? Here comes another sentence.'

var splitString = string.match(/\S.+?[!?.]/g)

console.log(splitString)

Answer 2

Instead of utilizing the split function to pinpoint where you'd like to divide your text, you have the option to utilize String#match along with a global regular expression to target the specific text you wish to retain:

var splitString = string.match(/\S.+?[!?.]/g)

This eliminates the necessity for using look-behinds, which aren't supported in JavaScript's regex format currently, or making additional calls to methods like Array#filter:

var string = 'This is the initial statement. What about this one? Here comes another sentence.'

var splitString = string.match(/\S.+?[!?.]/g)

console.log(splitString)

Answer 3

Answer №2

Two different methods to achieve this:

To extract an array of sentences, we can use the String.prototype.match() function:

var text = 'This is a sample sentence. Here comes another one! And a third?';
    result = text.match(/\S[^.!?]+[.?!]/g);

console.log(result);

An alternative approach involves using the String.prototype.split() function:

var text = 'This is a sample sentence. Here comes another one! And a third?',
    result = text.split(/(\S[^.!?]+[.?!])/g).filter(function(sentence){ return sentence.trim(); });

console.log(result);

The regex pattern \S[^.!?]+ will capture all characters except specified punctuation marks [^.!?] while starting with a non-whitespace character \S.

Answer 4

Two different methods to achieve this:

To extract an array of sentences, we can use the String.prototype.match() function:

var text = 'This is a sample sentence. Here comes another one! And a third?';
    result = text.match(/\S[^.!?]+[.?!]/g);

console.log(result);

An alternative approach involves using the String.prototype.split() function:

var text = 'This is a sample sentence. Here comes another one! And a third?',
    result = text.split(/(\S[^.!?]+[.?!])/g).filter(function(sentence){ return sentence.trim(); });

console.log(result);

The regex pattern \S[^.!?]+ will capture all characters except specified punctuation marks [^.!?] while starting with a non-whitespace character \S.

Tips for dividing an array based on a defined regex pattern in JavaScript

Answer №1

Answer №2

Similar questions

What is the process for obtaining jsonencode data in a Laravel application?

Converting RGBA to Hex Color Code with Javascript: A Step-by-Step Guide

Declare React component as a variable

Stopping the setTimeout function triggered by a click event in a Reactjs application

Is there a way to extract a token from the URL in a Nextjs/React application?

Tips for eliminating stuttering when fixing the position of an element with JavaScript

What is the best way to transform a JSON data-storing object into an array within Angular?

What is the method for verifying PHP information using jQuery AJAX?

Should tokenized email addresses be avoided as URL parameters in customer communication?

Using Jquery to detect if there are any Space characters in the user input

Tips for expanding frisby.js by adding new "expect" functionalities?

How can I modify the ngx-datatable pager component to display text instead of icons and include a totalVisible property?

What is the process for adjusting the input value dynamically in reactjs?

What is the best way to add both the id and the full object to an array list at the

Sending information and HTML content from PHP to JavaScript using JSON

Assign a class to a DIV element depending on the ID of an object using Angular

What is the most efficient way to generate a pug file with a hashed resource name using Webpack 2.0?

Removing a specific item from an array

Using an onClick event along with jQuery to change the CSS class style of another div

What are the steps to integrate and utilize DefinePlugin within your webpack configuration?