Converting a string into an array with varying lengths using regular expressions

Question

Converting a string into an array with varying lengths using regular expressions

Transforming a string into an array with a length of 2 can be achieved using the following method.

let str1 = '112213';
let str1Array = str1.match(/.{2}/g);
console.log(str1Array);

The output will be

[ '11', '22', '13' ]

Now, is it possible to obtain [ '1', '12', '2', '13'] in a similar way?

javascript regex

Answer 1

Answer №1

Consider using the split() method instead of match(), allowing for both lengths to be provided in a single regex pattern:

(.)(..)?

The optional quantifier is important when the string length is not even.

Here's an example of JavaScript code that implements this approach:

console.log(
  '112213'.split(/(.)(..)?/).filter(Boolean)
);

Answer 2

Consider using the split() method instead of match(), allowing for both lengths to be provided in a single regex pattern:

(.)(..)?

The optional quantifier is important when the string length is not even.

Here's an example of JavaScript code that implements this approach:

console.log(
  '112213'.split(/(.)(..)?/).filter(Boolean)
);

Answer 3

Answer №2

function myCustomFunction() {
  var userInput = document.getElementById("input").value;
  console.clear()
  var regex = /(.)(.{2})/g;
  var match;
  var resultArray = [];
  
  do {
      match = regex.exec(userInput);
      if (match) {
          resultArray.push(match[1], match[2]);
      }
  } while (match);
  console.log(resultArray)
}

<form action="javascript:myCustomFunction()">
  <input id="input" type="text" value="112213"><br><br>
  <input type="submit" value="Submit">
</form>

Answer 4

function myCustomFunction() {
  var userInput = document.getElementById("input").value;
  console.clear()
  var regex = /(.)(.{2})/g;
  var match;
  var resultArray = [];
  
  do {
      match = regex.exec(userInput);
      if (match) {
          resultArray.push(match[1], match[2]);
      }
  } while (match);
  console.log(resultArray)
}

<form action="javascript:myCustomFunction()">
  <input id="input" type="text" value="112213"><br><br>
  <input type="submit" value="Submit">
</form>

Converting a string into an array with varying lengths using regular expressions

Answer №1

Answer №2

Similar questions

Understanding the process of parsing JSON response using JavaScript

Does __ only function with curried functions as intended? What is the reason for it working in this case?

Is it possible to establish a components route without importing withRouter in the file?

Embed Vue applications within the container of the main Vue application

Obtain every selection from the multiselect box and add them to the database

BufferGeometry-based Three.js mesh fails to display

Executing JavaScript code only if certain date conditions are satisfied

Tips for adjusting the position of an object when resizing the window

Tips on extracting and displaying data from a JSON response in JavaScript to HTML

In Reactjs, you can prevent users from selecting future dates and times by modifying the KeyboardDateTimePicker component

Can one initiate a server within Zapier Code?

Having difficulty entering text in the modal text box and updating it with a new state

Maintain the highlighted background of the selected slot in react-big-calendar even after the selection process is completed

What are the steps to clear a client's local cache after updating my website?

Concealing Angular Flexslider until it is entirely loaded

Generate random floating numbers at intervals and calculate their sum

Utilize Express to update user data stored in MongoDB

Setting attributes for elements in NativeScript/Angular can be accomplished by utilizing item properties

Troubleshooting HTTP Issues in Angular 2

How to disable map zoom controls in react-leaflet