javascript - ¿Cómo puedo dividir una cadena en segmentos de n caracteres?

Como dice el título, tengo una cadena y quiero dividirla en segmentos de n caracteres.

Por ejemplo:

var str = 'abcdefghijkl';

después de un poco de magia con n=3, se convertirá en

var arr = ['abc','def','ghi','jkl'];

¿Hay alguna manera de hacer esto?

Respuesta #1

var str = 'abcdefghijkl';
console.log(str.match(/.{1,3}/g));

Nota: Use {1,3} en lugar de solo {3} para incluir el resto en longitudes de cadena que no sean múltiplos de 3, por ejemplo:

console.log("abcd".match(/.{1,3}/g)); // ["abc", "d"]

Un par de sutilezas más:

Si tu cadena puede contener saltos de línea (que quieras contar como un carácter en lugar de dividir la cadena), entonces el . no los capturará. Usa /[\s\S]{1,3}/ en su lugar. (Gracias @Mike).
Si tu cadena está vacía, entonces match() devolverá null cuando podrías estar esperando un array vacío. Protégelo agregando || [].

Así que puedes terminar con:

var str = 'abcdef \t\r\nghijkl';
var parts = str.match(/[\s\S]{1,3}/g) || [];
console.log(parts);

console.log(''.match(/[\s\S]{1,3}/g) || []);

Respuesta #2

Si no querías usar una expresión regular...

var str = 'abcdefghijkl';

var chunks = [];

for (var i = 0, charsLength = str.length; i < charsLength; i += 3) {
    chunks.push(str.substring(i, i + 3));
}

console.log(chunks);

...de lo contrario, la solución de expresiones regulares es bastante buena :)

Respuesta #3

str.match(/.{3}/g); // => ['abc', 'def', 'ghi', 'jkl']

Respuesta #4

Basándose en las respuestas anteriores a esta pregunta; la siguiente función dividirá una cadena (str) en n número (size) de caracteres.

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

Demostración

(function() {
  function chunk(str, size) {
    return str.match(new RegExp('.{1,' + size + '}', 'g'));
  }
  
  var str = 'HELLO WORLD';
  println('Simple binary representation:');
  println(chunk(textToBin(str), 8).join('\n'));
  println('\nNow for something crazy:');
  println(chunk(textToHex(str, 4), 8).map(function(h) { return '0x' + h }).join('  '));
  
  // Utiliy functions, you can ignore these.
  function textToBin(text) { return textToBase(text, 2, 8); }
  function textToHex(t, w) { return pad(textToBase(t,16,2), roundUp(t.length, w)*2, '00'); }
  function pad(val, len, chr) { return (repeat(chr, len) + val).slice(-len); }
  function print(text) { document.getElementById('out').innerHTML += (text || ''); }
  function println(text) { print((text || '') + '\n'); }
  function repeat(chr, n) { return new Array(n + 1).join(chr); }
  function textToBase(text, radix, n) {
    return text.split('').reduce(function(result, chr) {
      return result + pad(chr.charCodeAt(0).toString(radix), n, '0');
    }, '');
  }
  function roundUp(numToRound, multiple) { 
    if (multiple === 0) return numToRound;
    var remainder = numToRound % multiple;
    return remainder === 0 ? numToRound : numToRound + multiple - remainder;
  }
}());

#out {
  white-space: pre;
  font-size: 0.8em;
}