¿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 n=3, se convertirá en

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

¿Hay alguna forma de hacer esto?

Jun 07 '11 07:06 Ben

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

Expandir fragmento

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

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

Expandir fragmento

Un par de sutilezas más:

Si su cadena puede contener nuevas líneas ( que desea contar como un carácter en lugar de dividir la cadena ), entonces .no las capturará. Úselo /[\s\S]{1,3}/en su lugar. (Gracias @Mike).
Si su cadena está vacía, match()regresará nullcuando espere una matriz vacía. Protéjase contra esto agregando || [].

Entonces 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) || []);

Expandir fragmento

Jun 07 '2011 00:06 David Tang

Si no quisieras usar una expresión regular...

var chunks = [];

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

jsFiddle .

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

Jun 07 '2011 00:06 alex

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

Jun 07 '2011 00:06 maerics

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

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

Manifestació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;
}

<div id="out"></div>

Expandir fragmento

Feb 19 '2015 20:02 Mr. Polywhirl