Break up the string before each new letter using Javascript

Suppose you have the following JavaScript code snippet:

var string = "A111B222C333D444E555";
var arr = string .match(/.{1,4}/g);

This piece of code splits the string into an array every 4 characters and formats it correctly as:

0 => A111
1 => B222
3 => C333
4 => D444
5 => D555

The issue arises when the letter-number combination does not consistently contain 4 characters. For instance, with the string A11B22C33D44E555, the result would be:

0 => A11B
1 => 22C3
3 => 3D44
4 => E555

However, we desire the output format to be:

0 => A11
1 => B22
3 => C33
4 => D44
5 => E55

Is there a way to split the string before each new letter without being concerned about the number of digits after each letter?

javascriptecmascript-6

Answer №1

Revise the regex pattern to identify an alphabet letter, succeeded by multiple digits:

let inputStr = "Z1Y22X333W444V5555";
console.log(inputStr.match(/[a-z]\d+/gi));

Answer №2

To separate the string based on a non-number character coming next, you can employ a lookahead method:

let string = "A11B22C33D44E555";

let result = string.split(/(?=\D)/);

console.log(result);

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The array.slice() method fails to work properly when I try to start it from any index other than 0

I am currently working with an array called $scope.results which contains 8 objects. I have also created a custom simple pagination and a function called selectAll() that I'm trying to get to work together. Please refrain from suggesting the use of b ...

javascriptangularjsarrayspagination

Encountering an issue when trying to upload a file for the second time

I am currently working on a project where I need to upload an excel file and send it to an API using ReactJS. So far, I have been able to successfully send the file to the API. However, in my submit function, I want to reset the saved excel file from the s ...

javascriptreactjs

Discover how to prevent a link or text from appearing if a user has already browsed a particular webpage

Is there a way to hide a link to another page if the user has previously visited that page? For example, I have 3 options - A, B, and C. If a user selects option A, links to pages B and C are displayed at the bottom of the page. However, if they then navi ...

javascriptcsshtml

Automatically abbreviate the URL using JavaScript or Ruby on Rails

When using Twitter, posting a link in a tweet will result in the URL being automatically shortened. For example, the link http://stackoverflow.com/questions/8699459/get-title-content-via-link-in-rails will be shortened to: Here is the corresponding HTML c ...

javascriptjqueryruby-on-rails

Elements are unresponsive to scrolling inputs

My Ionic 2 input elements are not scrolling to the top when the keyboard is shown. I've tried everything I could find on Google, making sure the keyboard disable scroll is set to false. However, I still can't figure out what's causing the sc ...

javascripthtmlcsstypescriptionic2

Delivering information to personalized components using React Bootstrap

I am working with a custom styled checkbox that is part of a mapped data array. {nfcArray && nfcArray.map((item, key) => { return ( <tr class="hover"> <td className="cell_style pl-3 pl-lg-5"> ...

javascriptreactjsreact-bootstrapcustom-element

Absence of a connectivity pop-up within Ionic 2

Whenever the app loads, my "network check" should run automatically instead of waiting for the user to click on the Check Connection button. I tried putting it in a function but couldn't get it to work. Can anyone help me identify the syntax error in ...

javascripttypescriptionic2

Passing the value selected from a datepicker to PHP without refreshing the page through the use of XMLHttpRequest: Guide

Is it possible to transfer the datepicker value to PHP without reloading the HTML page by using XMLHttpRequest()? The intention is to utilize this date value for a subsequent query and present it on the same HTML page. <input type="date" id="month" o ...

javascriptphphtmlajax

The scroll feature in JavaScript is malfunctioning

After countless hours of troubleshooting, I still can't figure out why the code snippet below is not working properly on my website at : <script> $(window).scroll(function () { if ($(window).scrollTop() > 400) { ...

javascriptjquerycssscroll

Adjust the position of an anchor tag when clicked with a fixed header

I found a similar question on stackoverflow and was able to derive my solution from there. However, I am facing a slight issue with it. In my case, I have a small fixed submenu at the top of the page. When I click on an anchor link, I want the scroll posi ...

javascriptjquerycsshtml

React.js: Endless rendering occurs when using setState as a callback function, even after props have been destructured

Issue I am facing a problem with my child component that receives button id-name configurations as props. It renders selectable HTML buttons based on these configurations and then returns the selected button's value (id) to the callback function with ...

javascriptreactjsreact-hooksuse-effect

Unable to post form data into database due to Javascript undefined data situation

I've been working on an HTML form that can interact with a PHP API to retrieve client data and then update user stats in a MySQL database. Currently, I am converting the data into a JSON object and using JSON.stringify to create a string for sending ...

javascripthtmljqueryjsonajax

What is the process for updating a MySQL database by clicking a button?

Hey there, I have a bit of a dilemma. I know that accomplishing this task can't be done solely with PHP; I believe Ajax/Javascript is required. Unfortunately, my knowledge in these areas is quite limited, so I could really use your assistance. Here&a ...

javascriptphpmysqlsql-update

Issue with JavaScript Onclick Event Handler

Rephrasing Full JavaScript Code. Javascript <div id="PopUp1" style="display: none; color: #FFFFFF;"></div> <div id="Mask"></div> <script type="text/javascript"> var Content = '<p>Content!!!!!</p><input ty ...

javascriptjqueryhtmlonclick

Disparity in React app: Misalignment between debugger and console output

Throughout the years, I've encountered this issue in various ways, and I have finally been able to articulate it. Take a look at the code snippet below: import React, {Component} from "react"; import aFunction from "./Function"; export default class ...

javascriptreactjs

How to apply styling to a specific portion of text within a list element using Vue.js

Despite my best efforts, I am struggling to style only the word "healthy" within the 'It is healthy!' string using computed properties, watchers, and methods in vuejs. I'm at a loss for how to achieve this unique styling. <template> ...

javascriptvue.jslistobject

Issue encountered in NestJS/TypeORM: Unable to modify the property metadata of #<Repository> as it only has a getter method

When attempting to launch my nestjstutorial app, I encountered the following error message. The backend is connected to a PostgreSQL database. TypeError: Cannot set property metadata of # which has only a getter at EntityManager.getCustomRepository (D:&b ...

javascriptnode.jstypescriptnestjstypeorm

Tips for creating query requests in ExpressJS

Can someone provide the correct command to write in an ExpressJS file in order to expose a single HTTP endpoint (/api/search?symbol=$symbol&period=$period)? Here is what's currently working: app.get('/api/search/', (req, res) => ...

javascriptnode.jsexpress

Activate and focus on the text input field with a checkbox using AngularJS

Currently, I have a Bootstrap 3 input field with some prepended content along with a checkbox. My goal is to have the input field disabled until the checkbox is checked, and when it is checked, I not only want to enable the field but also set the focus on ...

javascriptjqueryangularjstwitter-bootstrapcheckbox

Issue with Auth0 not properly redirecting to the designated URL in a React application

auth.js import auth0 from 'auth0-js'; export default class Auth { constructor() { this.auth0 = new auth0.WebAuth({ domain: '<properURL>', clientID: '<properID>', re ...

javascriptreactjsreact-routerauth0