padStart() / padEnd()

padStart()

 

📚 현재 문자열의 시작부터 다른 문자열로 채워서 주어진 길이를 만족하는 새로운 문자열 리턴

"해당 문자열".padStart(원하는 길이, "채워넣을 문자열")

let id = "peazh";
console.log(id.padStart(2, "0")); //peazh
console.log(id.padStart(8, "0")); //000peazh
console.log(id.padStart(6, "000")); //0peazh
console.log(id.padStart(8)); //   peazh

• 원하는 길이가 현재 문자열보다 짧다면 채워 넣지 않고 그대로 리턴
• 채워 넣을 문자열이 길어서 원하는 길이를 초과한다면 좌측 일부를 잘라서 리턴
• 채워 넣을 문자열을 넣지 않으면 기본값은 " "(공백)

 

✏️ 예제) 시간을 두 자릿수로 나타내기

let time = "9";
let minutes = "5";
console.log(`${time.padStart(2, "0")}:${minutes.padStart(2, "0")}`); ///09:05

 

 

 

 

padEnd()

 

📚 현재 문자열의 끝부터 다른 문자열로 채워서 주어진 길이를 만족하는 새로운 문자열 리턴

"해당 문자열".padStart(원하는 길이, "채워넣을 문자열")

let id = "peazh";
console.log(id.padEnd(2, "0")); //peazh
console.log(id.padEnd(8, "0")); //peazh000 
console.log(id.padEnd(6, "000")); //peazh0
console.log(id.padEnd(8)); //peazh

• 원하는 길이가 현재 문자열보다 짧다면 채워 넣지 않고 그대로 리턴
• 채워 넣을 문자열이 길어서 원하는 길이를 초과한다면 좌측 일부를 잘라서 리턴
• 채워 넣을 문자열을 넣지 않으면 기본값은 " "(공백)

 

✏️ 예제) 이름을 성만 보여주기 (익명처리)

let name = "한여름";
console.log(name.length);
let lastName = name.slice(0, 1);
console.log(lastName.padEnd(name.length, "*")); // 한**