답변:
var str = 'abcdefghijkl';
console.log(str.match(/.{1,3}/g));참고 : 3의 배수가 아닌 문자열 길이의 나머지를 포함하는 {1,3}대신에 사용 하십시오.{3} 예 :
console.log("abcd".match(/.{1,3}/g)); // ["abc", "d"]몇 가지 더 미묘한 점이 있습니다.
.사람들을 캡처하지 않습니다. /[\s\S]{1,3}/대신 사용하십시오 . (감사합니다 @Mike).match()반환 null됩니다. 을 추가하여이를 방지하십시오 || [].따라서 다음과 같이 끝날 수 있습니다.
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) || []);[\s\S]대신 사용하십시오 ..
''.match(/.{1,3}/g) 및 ''.match(/.{3}/g)반환 null하는 대신 빈 배열.
정규식을 사용하지 않으려면 ...
var chunks = [];
for (var i = 0, charsLength = str.length; i < charsLength; i += 3) {
chunks.push(str.substring(i, i + 3));
}jsFiddle .
... 그렇지 않으면 정규식 솔루션이 꽤 좋습니다 :)
3OP가 제안한대로 변수가 있다면 이것을 선호합니다 . 정규 표현식 문자열을 연결하는 것보다 더 읽기 쉽습니다.
이 질문에 대한 이전 답변을 바탕으로; 다음 함수는 문자열 ( str) n- 숫자 ( size)를 분할합니다 .
function chunk(str, size) {
return str.match(new RegExp('.{1,' + size + '}', 'g'));
}(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>내 솔루션 (ES6 구문) :
const source = "8d7f66a9273fc766cd66d1d";
const target = [];
for (
const array = Array.from(source);
array.length;
target.push(array.splice(0,2).join(''), 2));우리는 이것으로 함수를 만들 수도 있습니다.
function splitStringBySegmentLength(source, segmentLength) {
if (!segmentLength || segmentLength < 1) throw Error('Segment length must be defined and greater than/equal to 1');
const target = [];
for (
const array = Array.from(source);
array.length;
target.push(array.splice(0,segmentLength).join('')));
return target;
}그런 다음 재사용 가능한 방식으로 쉽게 함수를 호출 할 수 있습니다.
const source = "8d7f66a9273fc766cd66d1d";
const target = splitStringBySegmentLength(source, 2);건배
여기서 우리는 n 문자마다 다른 문자열과 문자열을 산재합니다.
export const intersperseString = (n: number, intersperseWith: string, str: string): string => {
let ret = str.slice(0,n), remaining = str;
while (remaining) {
let v = remaining.slice(0, n);
remaining = remaining.slice(v.length);
ret += intersperseWith + v;
}
return ret;
};위와 같이 사용하면
console.log(splitString(3,'|', 'aagaegeage'));우리는 얻는다 :
aag | aag | aeg | eag | e
여기에서 우리는 똑같이하지만 배열로 푸시합니다.
export const sperseString = (n: number, str: string): Array<string> => {
let ret = [], remaining = str;
while (remaining) {
let v = remaining.slice(0, n);
remaining = remaining.slice(v.length);
ret.push(v);
}
return ret;
};그런 다음 실행하십시오.
console.log(sperseString(5, 'foobarbaztruck'));우리는 얻는다 :
[ 'fooba', 'rbazt', 'ruck']
누군가 위의 코드 lmk를 단순화하는 방법을 알고 있지만 문자열에 대해서는 잘 작동합니다.
정규 표현식을 사용하지 않는 깨끗한 솔루션 :
/**
* Create array with maximum chunk length = maxPartSize
* It work safe also for shorter strings than part size
**/
function convertStringToArray(str, maxPartSize){
const chunkArr = [];
let leftStr = str;
do {
chunkArr.push(leftStr.substring(0, maxPartSize));
leftStr = leftStr.substring(maxPartSize, leftStr.length);
} while (leftStr.length > 0);
return chunkArr;
};사용 예-https: //jsfiddle.net/maciejsikora/b6xppj4q/ .
또한 정답으로 선택한 정규식과 솔루션을 비교하려고했습니다. 일부 테스트는 jsfiddle- https: //jsfiddle.net/maciejsikora/2envahrk/에서 찾을 수 있습니다 . 테스트 결과 두 방법의 성능이 비슷한 것으로 나타났습니다. 처음에는 regexp 솔루션이 약간 빠르지 만 스스로 판단하십시오.
로 .split:
var arr = str.split( /(?<=^(?:.{3})+)(?!$)/ ) // [ 'abc', 'def', 'ghi', 'jkl' ]그리고 .replace될 것입니다 :
var replaced = str.replace( /(?<=^(.{3})+)(?!$)/g, ' || ' ) // 'abc || def || ghi || jkl'
/(?!$)/is not /$/without end 전에 멈추는 것 입니다.
var arr = str.split( /(?<=^(?:.{3})+)/ ) // [ 'abc', 'def', 'ghi', 'jkl' ] // I don't know why is not [ 'abc', 'def', 'ghi', 'jkl' , '' ], comment?
var replaced = str.replace( /(?<=^(.{3})+)/g, ' || ') // 'abc || def || ghi || jkl || '그룹을 무시하지 /(?:... )/입니다에서 필요 .replace하지만,에 .split, 언하는 그룹을 추가됩니다 :
var arr = str.split( /(?<=^(.{3})+)(?!$)/ ) // [ 'abc', 'abc', 'def', 'abc', 'ghi', 'abc', 'jkl' ]하나의 라이너 정의를 조금 확장하고 있지만 정규 표현식이나 명시 적 루프없이이를 수행하는 방법이 있습니다.
const input = 'abcdefghijlkm';
// Change `3` to the desired split length.
const output = input.split('').reduce((s, c) => {let l = s.length-1; (s[l] && s[l].length < 3) ? s[l] += c : s.push(c); return s;}, []);
console.log(output); // output: [ 'abc', 'def', 'ghi', 'jlk', 'm' ]문자열을 개별 문자 배열로 분할 한 다음 Array.reduce각 문자를 반복 하는 데 사용합니다. 일반적으로 reduce단일 값을 반환하지만이 경우 단일 값은 배열이되며 각 문자를 전달할 때 해당 배열의 마지막 항목에 추가합니다. 배열의 마지막 항목이 목표 길이에 도달하면 새 배열 항목을 추가합니다.
토론에 약간 늦었지만 여기에 하위 문자열 + 배열보다 약간 빠른 변형이 있습니다.
// substring + array push + end precalc
var chunks = [];
for (var i = 0, e = 3, charsLength = str.length; i < charsLength; i += 3, e += 3) {
chunks.push(str.substring(i, e));
}for 루프의 일부로 종료 값을 미리 계산하는 것이 하위 문자열 내에서 인라인 수학을 수행하는 것보다 빠릅니다. Firefox와 Chrome에서 모두 테스트했으며 속도가 향상되었습니다.