Programing

문자열을 n 문자 세그먼트로 나누려면 어떻게해야합니까?

crosscheck 2020. 5. 30. 09:22
반응형

문자열을 n 문자 세그먼트로 나누려면 어떻게해야합니까?


제목에서 알 수 있듯이 문자열이 있고 n 문자 세그먼트로 나누고 싶습니다 .

예를 들면 다음과 같습니다.

var str = 'abcdefghijkl';

일부 마법 후 n=3, 그것은 될 것입니다

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

이것을 할 수있는 방법이 있습니까?


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

참고 : 3의 배수가 아닌 문자열 길이의 나머지를 포함하는 {1,3}대신에 사용 하십시오.{3} 예 :

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


몇 가지 더 미묘한 점이 있습니다.

  1. 당신의 문자열 (줄 바꿈 포함 할 수 있다면 당신은 문자보다는 분할 문자열로 간주 할 ), 다음은 .사람들을 캡처하지 않습니다. /[\s\S]{1,3}/대신 사용하십시오 . (감사합니다 @Mike).
  2. 문자열이 비어 있으면 빈 배열이 필요할 때 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) || []);


정규식을 사용하지 않으려면 ...

var chunks = [];

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

jsFiddle .

... 그렇지 않으면 정규식 솔루션이 꽤 좋습니다 :)


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

이 질문에 대한 이전 답변을 바탕으로; 다음 함수는 문자열 ( 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>


function chunk(er){
return er.match(/.{1,75}/g).join('\n');
}

위의 기능은 Base64 청킹에 사용하는 것입니다. 줄 바꿈은 75 자입니다.


내 솔루션 (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']

if someone knows of a way to simplify the above code, lmk, but it should work fine for strings.


const chunkStr = (str, n, acc) => {     
    if (str.length === 0) {
        return acc
    } else {
        acc.push(str.substring(0, n));
        return chunkStr(str.substring(n), n, acc);
    }
}
const str = 'abcdefghijkl';
const splittedString = chunkStr(str, 3, []);

Clean solution without REGEX


Some clean solution without using regular expressions:

/**
* 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;
};

Usage example - https://jsfiddle.net/maciejsikora/b6xppj4q/.

I also tried to compare my solution to regexp one which was chosen as right answer. Some test can be found on jsfiddle - https://jsfiddle.net/maciejsikora/2envahrk/. Tests are showing that both methods have similar performance, maybe on first look regexp solution is little bit faster, but judge it Yourself.


With .split:

var arr = str.split( /(?<=^(?:.{3})+)(?!$)/ )  // [ 'abc', 'def', 'ghi', 'jkl' ]

and .replace will be:

var replaced = str.replace( /(?<=^(.{3})+)(?!$)/g, ' || ' )  // 'abc || def || ghi || jkl'



/(?!$)/ is to to stop before end/$/, without is:

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 || '

ignoring group /(?:...)/ is no need in .replace but in .split is adding groups to arr:

var arr = str.split( /(?<=^(.{3})+)(?!$)/ )  // [ 'abc', 'abc', 'def', 'abc', 'ghi', 'abc', 'jkl' ]

참고URL : https://stackoverflow.com/questions/6259515/how-can-i-split-a-string-into-segments-of-n-characters

반응형