[JavaScript] padStart(), padEnd() 메서드 (lpad(), rpad())

728x90

목 차

• 1. padStart() 메서드
• 1-1. padStart() 문법
• 1-2. padStart() 사용 예제
• 2. padEnd() 메서드란?
• 2-1. padEnd() 문법
• 2-2. padEnd() 사용 예제
• 3. 요약

반응형

1. padStart() 메서드

• JavaScript의 padStart는 문자열의 앞쪽(왼쪽)에 지정된 길이만큼의 문자열을 추가합니다.

 

1-1. padStart() 문법

str.padStart(targetLength [, padString])

• targetLength
  • 문자열의 최종 길이(새 문자열의 길이).
  • 현재 문자열의 길이가 targetLength보다 크거나 같으면 아무 것도 추가하지 않고 원래 문자열을 반환합니다.
• padString (선택사항)
  • 문자열의 앞쪽에 추가될 문자(기본값은 공백 " ").
  • 지정한 길이를 초과할 경우, padString의 일부만 사용됩니다.
• 반환값 : 지정된 길이만큼 패딩된 문자열이 반환됩니다.

 

1-2. padStart() 사용 예제

let str = "42";

// 기본 공백 패딩
console.log(str.padStart(5));        // "   42"

// 사용자 지정 문자로 패딩
console.log(str.padStart(5, "0"));  // "00042"

// 사용자 지정 문자열로 패딩
console.log(str.padStart(8, "abc")); // "abcab42"

// 기존 문자열의 길이가 targetLength보다 긴 경우
console.log(str.padStart(2));       // "42"

 

2. padEnd() 메서드란?

• JavaScript의 padEnd는 문자열의 뒤쪽(오른쪽)에 지정된 길이만큼의 문자열을 추가합니다.

 

2-1. padEnd() 문법

str.padEnd(targetLength [, padString])

• targetLength
  • 문자열의 최종 길이(새 문자열의 길이).
  • 현재 문자열의 길이가 targetLength보다 크거나 같으면 아무 것도 추가하지 않고 원래 문자열을 반환합니다.
• padString (선택사항)
  • 문자열의 뒤쪽에 추가될 문자(기본값은 공백 " ").
  • 지정한 길이를 초과할 경우, padString의 일부만 사용됩니다.
• 반환값 : 지정된 길이만큼 패딩된 문자열을 반환합니다.

 

2-2. padEnd() 사용 예제

let str = "42";

// 기본 공백 패딩
console.log(str.padEnd(5));        // "42   "

// 사용자 지정 문자로 패딩
console.log(str.padEnd(5, "0"));  // "42000"

// 사용자 지정 문자열로 패딩
console.log(str.padEnd(8, "abc")); // "42abcab"

// 기존 문자열의 길이가 targetLength보다 긴 경우
console.log(str.padEnd(2));       // "42"

 

3. 요약

• padStart() 메서드는 앞쪽 문자열을 특정 문자로 채우는 lpad() 역할을 합니다.
• padEnd() 메서드는 뒤쪽 문자열을 특정 문자로 채우는 rpad() 역할을 합니다.