JavaScript padStart() padEnd()로 채우기

padStart()

padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환한다.

채워넣기는 대상 문자열의 시작(좌측)부터 적용된다.

str.padStart(targetLength [, padString]) 으로 사용한다.

padString을 입력하지 않으면 공백으로 채워진다.

 

padEnd()

padEnd() 메서드는 현재 문자열에 다른 문자열을 채워, 주어진 길이를 만족하는 새로운 문자열을 반환한다.

채워넣기는 대상 문자열의 끝(우측)부터 적용된다.

 

예제

(출처: 제코베 자바스크립트 59번)

총 문자열의 길이는 50으로 제한하고 사용자가 문자열을 입력하면 그 문자열을 가운데 정렬을 해주고, 나머지 빈 부분에는 '='을 채워 넣어주세요.

// 1. 나의 풀이 - padStart(), padEnd()를 몰랐을 때
const input = prompt('문자열을 입력하세요.');
let result = '';
let count = 25 - parseInt((input.length / 2), 10);

if (input.length % 2 === 0) {
    result = "=".repeat(count) + input + "=".repeat(count);
} else {
    result = "=".repeat(count - 1) + input + "=".repeat(count);
}
console.log(result);

// 2. 내장함수 이용
// 왼쪽부터 채우기
count = 25 + parseInt((input.length / 2), 10);
let result2 = input.padStart(count, '=');
// 오른쪽부터 채우기
result2 = result2.padEnd(50, '=');
console.log(result2);