[JavaScript]동일한 문자열 반복해서 붙이기

JavaScript에서 동일한 문자열을 반복해서 붙여야 하는 경우 반복문을 사용하지 않고 처리할 수 있습니다.

 

문자열의 repeat 함수와 배열의 fill 함수를 응용하는 방법이 있습니다.

 

이번 포스팅은 repeat 함수와 fill 함수를 사용하여 동일한 문자열을 반복해서 붙이는 방법을 정리합니다.

 

목차

1. 반복문 사용
2. repeat 함수 사용
3. fill 함수 사용

---

반복문 사용

지정된 횟수만큼 loop를 반복하여 동일한 문자열을 붙입니다.

var str = 'ABC';
var count = 4;
var resultString = '';

for(var loop = 0; loop < count; loop++)
{
  resultString += str;
}

console.log(resultString);
// ABCABCABCABC

---

repeat 함수 사용

repeat 함수는 ES6부터 문자열에 추가된 함수입니다.

 

문자열을 주어진 횟수만큼 반복하여 새로운 문자열을 반환합니다.

 

매개 변수는 양의 정수만 가능하며, 소수일 경우 정수로 자동으로 변환됩니다.

 

원래 문자열의 값은 변경되지 않습니다.

var str = 'ABC';

console.log(str.repeat(3));
// ABCABCABC

console.log(str);
// ABC

반복문을 사용한 방법보다 코드가 훨씬 간결해졌습니다.

---

fill 함수 사용

fill 함수를 사용하여 배열의 요소를 특정 값으로 채우고 join 함수를 사용하여 배열의 요소를 결합합니다.

 

우선, 값이 존재하지 않는 배열의 요소를 3개 생성합니다.

console.log(Array(3));

실행 결과

 

배열의 시작 인덱스부터 마지막 인덱스까지 fill 함수에 전달한 값으로 채웁니다.

console.log(Array(3).fill('ABC'));
// ["ABC", "ABC", "ABC"]

 

배열의 요소를 join 함수를 사용하여 결합합니다.

 

join 함수에 빈 값('')을 전달하여 구분자 없이 결합됩니다.

console.log(Array(3).fill('ABC').join(''));
// ABCABCABC