반복되는 문자로 채워진 가변 길이의 문자열을 만듭니다.

그래서 내 질문은 다른 사람이 Java 형식으로 여기에서 물었습니다 : Java-지정된 길이의 새 문자열 인스턴스를 만들고 특정 문자로 채 웁니다. 최고의 솔루션?

. . . 하지만 JavaScript와 동등한 것을 찾고 있습니다.

기본적으로 각 필드의 "maxlength"속성에 따라 텍스트 필드를 "#"문자로 동적으로 채우려 고합니다. 따라서 입력에가 있으면 maxlength="3"필드는 "###"으로 채워집니다.

이상적으로 Java와 같은 것이 StringUtils.repeat("#", 10);있지만 지금까지 내가 생각할 수있는 가장 좋은 옵션은 최대 길이에 도달 할 때까지 한 번에 하나씩 "#"문자를 반복하여 추가하는 것입니다. 그보다 더 효율적인 방법이 있다는 느낌을 흔들 수 없습니다.

어떤 아이디어?

참고로 "#"문자는 포커스를 지우고 사용자가 값을 입력하지 않은 경우 흐림시 "리필"해야하기 때문에 입력에서 기본값을 간단히 설정할 수 없습니다. 내가 관심있는 "리필"단계

이 작업을 수행하는 가장 좋은 방법은

var str = new Array(len + 1).join( character );

주어진 길이의 배열을 만든 다음 주어진 문자열과 결합하여 반복합니다. 이 .join()함수는 요소에 값이 할당되어 있는지 여부에 관계없이 배열 길이를 유지하며 정의되지 않은 값은 빈 문자열로 렌더링됩니다.

구분자 문자열이 배열 요소 사이 에 있으므로 원하는 길이에 1을 추가해야합니다 .

이것을 시도하십시오 : P

s = '#'.repeat(10)

document.body.innerHTML = s

불행히도 여기에 언급 된 Array.join 접근법은 간결하지만 문자열 연결 기반 구현보다 약 10 배 느립니다. 큰 문자열에서 특히 성능이 떨어집니다. 전체 성능 세부 사항은 아래를 참조하십시오.

Firefox, Chrome, Node.js MacOS, Node.js Ubuntu 및 Safari에서 테스트 한 가장 빠른 구현은 다음과 같습니다.

function repeatChar(count, ch) {
    if (count == 0) {
        return "";
    }
    var count2 = count / 2;
    var result = ch;

    // double the input until it is long enough.
    while (result.length <= count2) {
        result += result;
    }
    // use substring to hit the precise length target without
    // using extra memory
    return result + result.substring(0, count - result.length);
};

이것은 장황하므로 간결한 구현을 원한다면 순진한 접근 방식으로 갈 수 있습니다. 여전히 Array.join 방식보다 2X에서 10X 사이에서 더 나은 성능을 발휘하며 작은 입력에 대한 배가 구현보다 빠릅니다. 암호:

// naive approach: simply add the letters one by one
function repeatChar(count, ch) {
    var txt = "";
    for (var i = 0; i < count; i++) {
        txt += ch;
    }
    return txt;
}

추가 정보 :

• 자신의 브라우저에서 속도 테스트 실행
• 속도 테스트의 전체 소스 코드
• 속도 테스트 결과

상수 문자열을 만든 다음 하위 문자열을 호출합니다.

같은 것

var hashStore = '########################################';

var Fiveup = hashStore.substring(0,5);

var Tenup = hashStore.substring(0,10);

조금 더 빠릅니다.

http://jsperf.com/const-vs-join

ES2015 가장 쉬운 방법은

'X'.repeat(data.length)

Xdata.length원하는 길이의 문자열 입니다.

참조 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/repeat

훌륭한 ES6 옵션은 padStart빈 문자열입니다. 이처럼 :

var str = ''.padStart(10, "#");

참고 : 이것은 IE에서 작동하지 않습니다 (polyfill없이).

모든 브라우저에서 작동하는 버전

이 함수는 원하는 것을 수행하고 허용 된 답변에 제안 된 옵션보다 훨씬 빠르게 수행합니다.

var repeat = function(str, count) {
    var array = [];
    for(var i = 0; i <= count;)
        array[i++] = str;
    return array.join('');
}

당신은 이것을 다음과 같이 사용합니다 :

var repeatedCharacter = repeat("a", 10);

이 함수의 성능과 허용 된 답변에서 제안 된 옵션의 성능을 비교하려면 이 Fiddle 및 이 Fiddle 에서 벤치 마크를 참조하십시오 .

최신 브라우저 전용 버전

최신 브라우저에서는 다음을 수행 할 수도 있습니다.

var repeatedCharacter = "a".repeat(10) };

이 옵션은 훨씬 빠릅니다. 그러나 불행히도 모든 버전의 Internet Explorer에서는 작동하지 않습니다.

표의 숫자는 메소드를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

For Evergreen browsers, this will build a staircase based on an incoming character and the number of stairs to build.
function StairCase(character, input) {
    let i = 0;
    while (i < input) {
        const spaces = " ".repeat(input - (i+1));
        const hashes = character.repeat(i + 1);
        console.log(spaces + hashes);
        i++;
    }
}

//Implement
//Refresh the console
console.clear();
StairCase("#",6);   

구형 브라우저에서 반복에 대한 폴리 필을 추가 ​​할 수도 있습니다.

    if (!String.prototype.repeat) {
      String.prototype.repeat = function(count) {
        'use strict';
        if (this == null) {
          throw new TypeError('can\'t convert ' + this + ' to object');
        }
        var str = '' + this;
        count = +count;
        if (count != count) {
          count = 0;
        }
        if (count < 0) {
          throw new RangeError('repeat count must be non-negative');
        }
        if (count == Infinity) {
          throw new RangeError('repeat count must be less than infinity');
        }
        count = Math.floor(count);
        if (str.length == 0 || count == 0) {
          return '';
        }
        // Ensuring count is a 31-bit integer allows us to heavily optimize the
        // main part. But anyway, most current (August 2014) browsers can't handle
        // strings 1 << 28 chars or longer, so:
        if (str.length * count >= 1 << 28) {
          throw new RangeError('repeat count must not overflow maximum string size');
        }
        var rpt = '';
        for (;;) {
          if ((count & 1) == 1) {
            rpt += str;
          }
          count >>>= 1;
          if (count == 0) {
            break;
          }
          str += str;
        }
        // Could we try:
        // return Array(count + 1).join(this);
        return rpt;
      }
    } 

Hogan과 Zero Trick Pony의 답변을 기반으로합니다. 필자는 이것이 대부분의 사용 사례를 처리 할 수있을만큼 빠르고 유연해야한다고 생각합니다.

var hash = '####################################################################'

function build_string(length) {  
    if (length == 0) {  
        return ''  
    } else if (hash.length <= length) {  
        return hash.substring(0, length)  
    } else {  
        var result = hash  
        const half_length = length / 2  
        while (result.length <= half_length) {  
            result += result  
        }  
        return result + result.substring(0, length - result.length)  
    }  
}  

원하는 경우 함수의 첫 번째 줄을 단일 라이너로 사용할 수 있습니다.

function repeat(str, len) {
    while (str.length < len) str += str.substr(0, len-str.length);
    return str;
}