자바스크립트에서는 문자열을 특정한 길이로 채울 수 있는 여러 가지 방법이 있습니다. 이 글에서는 가장 일반적인 방법과 ES6에서 추가된 새로운 방법에 대해 알아보겠습니다.

1. String.padStart()와 String.padEnd()

ES6부터 String 객체에는 padStart()와 padEnd() 메서드가 추가되었습니다. 이 메서드를 사용하면 원하는 길이로 문자열을 채울 수 있습니다.

padStart() 메서드는 문자열의 시작 부분을 특정한 길이로 채우고, padEnd() 메서드는 문자열의 끝 부분을 특정한 길이로 채웁니다.

아래는 padStart()와 padEnd() 메서드의 사용 예시입니다.

const text = 'Hello';
const paddedText = text.padStart(10, '0');
console.log(paddedText); // "00000Hello"

const text2 = 'World';
const paddedText2 = text2.padEnd(10, '-');
console.log(paddedText2); // "World-----"

위의 예시에서는 padStart() 메서드는 문자열 text의 시작 부분을 길이가 10인 문자열로 채우면서, 부족한 부분은 ‘0’으로 채웠습니다. 마찬가지로 padEnd() 메서드는 문자열 text2의 끝 부분을 길이가 10인 문자열로 채우면서, 부족한 부분은 ‘-‘으로 채웠습니다.

2. Array.join()과 Array.fill()

ES6 이전에는 Array.join() 및 Array.fill() 메서드를 활용하여 문자열을 특정한 길이로 채울 수도 있습니다.

const text = 'Hello';
const paddedText = Array(10 - text.length).fill('0').join('') + text;
console.log(paddedText); // "00000Hello"

const text2 = 'World';
const paddedText2 = text2 + Array(10 - text2.length).fill('-').join('');
console.log(paddedText2); // "World-----"

위의 예시에서는 Array.join() 및 Array.fill() 메서드를 사용하여 필요한 만큼의 문자열을 생성한 후, 원래의 문자열과 합치는 방식으로 문자열을 특정한 길이로 채웠습니다.

참고자료

• MDN Web Docs - String.prototype.padStart()
• MDN Web Docs - String.prototype.padEnd()
• MDN Web Docs - Array.prototype.join()
• MDN Web Docs - Array.prototype.fill()

위의 내용은 자바스크립트에서 문자열을 특정한 길이로 채우는 방법에 대한 예시와 참고 자료입니다. 사용하고자 하는 상황에 따라 가장 적합한 방법을 선택하여 사용하시면 됩니다.