Split large string in n-size chunks in JavaScript

by

You can do something like this:

"1234567890".match(/.{1,2}/g);
// Results in:
["12", "34", "56", "78", "90"]

The method will still work with strings whose size is not an exact multiple of the chunk-size:

"123456789".match(/.{1,2}/g);
// Results in:
["12", "34", "56", "78", "9"]

In general, for any string out of which you want to extract at-most n-sized substrings, you would do:

str.match(/.{1,n}/g); // Replace n with the size of the substring

If your string can contain newlines or carriage returns, you would do:

str.match(/(.|[\r\n]){1,n}/g); // Replace n with the size of the substring

As far as performance, I tried this out with approximately 10k characters and it took a little over a second on Chrome. YMMV.

This can also be used in a reusable function:

function chunkString(str, length) {
  return str.match(new RegExp('.{1,' + length + '}', 'g'));
}

More Related Contents:

  1. Split a string based on multiple delimiters
  2. How to count string occurrence in string?
  3. Is there a built in way to convert a comma-separated string to an array?
  4. How can I parse a CSV string with JavaScript, which contains comma in data?
  5. Replace multiple strings with multiple other strings
  6. How can I extract a number from a string in JavaScript?
  7. How to remove all line breaks from a string
  8. Fastest method to escape HTML tags as HTML entities?
  9. How can I convert a comma-separated string to an array?
  10. Check for special characters in string
  11. How can I split a string into segments of n characters?
  12. Use dynamic (variable) string as regex pattern in JavaScript
  13. Regular expression which matches a pattern, or is an empty string
  14. Javascript – return string between square brackets
  15. Convert camelCaseText to Title Case Text
  16. javascript regular expression to check for IP addresses
  17. Passing regex modifier options to RegExp object
  18. How to extract base URL from a string in JavaScript?
  19. How to extract a string using JavaScript Regex?
  20. Javascript split string on space or on quotes to array
  21. match() returns array with two matches when I expect one match
  22. Javascript split regex question
  23. How do I split a string by whitespace and ignoring leading and trailing whitespace into an array of words using a regular expression?
  24. Replacing accented characters with plain ascii ones [duplicate]
  25. String split returns an array with more elements than expected (empty elements)
  26. Best way to parse HTML in Javascript
  27. Split by Caps in Javascript
  28. Javascript: Splitting a string by comma but ignoring commas in quotes
  29. JavaScript: indexOf vs. Match when Searching Strings?
  30. How do you split a javascript string by spaces and punctuation?

Leave a Comment