JavaScript에서 문자열을 여러 번 반복해야 할 때는 Array() 생성자와 join() 메서드를 함께 사용하면 간단하게 해결할 수 있습니다.
동작 원리
new Array(n + 1)은 길이가 n+1인 빈 배열을 만들고, 이 배열에 join()으로 구분자를 연결하면 구분자가 n번 반복됩니다. 즉, 원하는 문자열을 구분자로 지정하면 해당 문자열이 정확히 n번 반복된 결과를 얻을 수 있습니다.
예제
다음은 전체 코드입니다 −
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>문자열 반복 예제</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
String.prototype.counter = function (value) {
return new Array(value + 1).join(this);
}
console.log("반복된 문자열\n".counter(5));
</script>
</html>위 프로그램을 실행하려면 파일 이름을 anyName.html(index.html)로 저장한 뒤, VS Code 편집기에서 파일을 마우스 오른쪽 버튼으로 클릭하고 “Open with Live Server” 옵션을 선택하세요.
출력
코드를 실행하면 콘솔에 다음과 같은 결과가 출력됩니다 −
참고: 최신 방법인 repeat() 메서드
ES6(ES2015)부터는 String.prototype.repeat() 메서드를 사용하면 훨씬 더 간결하게 문자열을 반복할 수 있습니다.
console.log("반복된 문자열\n".repeat(5));repeat() 메서드는 별도의 프로토타입 확장 없이도 동일한 결과를 제공하므로, 최신 브라우저 환경이라면 이 방법을 사용하는 것이 좋습니다.