Javascript/etc

유용한 함수 padStart/padEnd/flat

algml0703 2022. 8. 15. 03:15
반응형

padStart / padEnd

string.padStart( [인자1], [인자2] ) 형태로 사용된다.  인자1로 주어진 수만큼의 여백을 앞에서부터 인자2로 채운다.

const phoneNumber = "12345678";
console.log(phoneNumber.padStart(11, "010"));
//01012345678

string.padEnd( [인자1], [인자2] ) 형태로 사용된다. 인자1로 주어진 수만큼의 여백을 뒤에서부터 인자2로 채운다.

const height = "153";
console.log(height.padEnd(5, "cm"));
// 153cm

flat

2차원 배열을 1차원으로 만들어 준다.

const arr = [
  [1, 2],
  [3, 4],
  [5, 6],
];

console.log(arr.flat());
// [ 1, 2, 3, 4, 5, 6 ]

trim / trimStart / trimEnd

공백을 제거하여 준다.

const str = "    hiiii  ";

console.log(`${str.trimStart()} length: ${str.trimStart().length}`);
// hiiii   length: 7

console.log(`${str.trimEnd()} length: ${str.trimEnd().length}`);
//     hiiii length: 9

console.log(`${str.trim()} length: ${str.trim().length}`);
// hiiii length: 5

 

 

출처 

https://www.youtube.com/watch?v=8Ie7hHxVbA8 

 

반응형