What is the method for dividing a string using capital letters as a delimiter?

Question

What is the method for dividing a string using capital letters as a delimiter?

I am currently faced with the challenge of splitting a string based on capital letters. Here is the code I have come up with:

let s = 'OzievRQ7O37SB5qG3eLB';
var res = s.split(/(?=[A-Z])/)
console.log(res);

However, there is an additional requirement that complicates things. If the capital letters are continuous, the regex should continue "eating" until the sequence ends. In the provided example, it returns:

..R,Q7,O37,S,B5q,G3e,L,B

The desired result should actually be:

RQ7,O37,SB5q,G3e,LB

Any thoughts or suggestions would be greatly appreciated. Thank you.

javascript regex split

Answer 1

Answer №1

In order to properly match these sections, use the regular expression /[A-Z]+[^A-Z]*|[^A-Z]+/g instead of splitting based on a zero-width assertion pattern. This is because the latter method (specifically using a positive lookahead-only regex in this scenario) requires checking every position within the string and cannot be instructed to skip a position once the lookaround pattern is identified.

s = 'and some text hereOzievRQ7O37SB5qG3eLB';
console.log(s.match(/[A-Z]+[^A-Z]*|[^A-Z]+/g));

Take a look at the online demonstration of this regex on regex101.com.

Particulars:

[A-Z]+ - denoting one or more uppercase ASCII characters
[^A-Z]* - allowing for zero or more non-uppercase ASCII character matches to accommodate uppercase-only segments
| - or
[^A-Z]+ - representing one or more non-uppercase ASCII characters to facilitate matching non-uppercase characters at the beginning of the string

The global modifier g will permit String#match() to return all discovered non-overlapping matches.

Answer 2

In order to properly match these sections, use the regular expression /[A-Z]+[^A-Z]*|[^A-Z]+/g instead of splitting based on a zero-width assertion pattern. This is because the latter method (specifically using a positive lookahead-only regex in this scenario) requires checking every position within the string and cannot be instructed to skip a position once the lookaround pattern is identified.

s = 'and some text hereOzievRQ7O37SB5qG3eLB';
console.log(s.match(/[A-Z]+[^A-Z]*|[^A-Z]+/g));

Take a look at the online demonstration of this regex on regex101.com.

Particulars:

[A-Z]+ - denoting one or more uppercase ASCII characters
[^A-Z]* - allowing for zero or more non-uppercase ASCII character matches to accommodate uppercase-only segments
| - or
[^A-Z]+ - representing one or more non-uppercase ASCII characters to facilitate matching non-uppercase characters at the beginning of the string

The global modifier g will permit String#match() to return all discovered non-overlapping matches.

What is the method for dividing a string using capital letters as a delimiter?

Answer №1

Similar questions

What is the reason behind only the final input value being shown on the screen?

Unable to Get Basic jQuery .load Example to Function

Proceed with executing the function only if the current date is before the specified date

Scroll horizontally on a webpage using drag with JavaScript

Ensure that the interface limits the key value to match precisely the value of a constant in Typescript

"Enhancing JqGrid functionality with inline editing and custom formatters

Looking to develop a dynamic JSON preview feature using AngularJS

Creating an MPG4 Video from a Three.js Scene: What Are the Steps?

How can you generate a Base64 string with Node.js?

Make the checkbox font-weight bold when it is checked

Shifting the data label on a pie chart in ApexCharts - what's the trick?

lengthy conditional statement in JavaScript

Error encountered when trying to send form data through an AJAX request

"Upon refreshing the browser, an Angular map loses its positioning and appears blank

Clear the cache of a query in React Query without having to fetch it again

JavaScript - Combine objects by summing values with matching keys

When the application is converted into static files, the dynamic routes fail to function properly

Utilizing react-query and next.js to pre-fetch initial data and automatically re-fetch when a filter is modified

Only allow scrolling if the number of child elements exceeds a certain limit

How can you use jQuery to activate a specific tab?