Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- advancedwebranking
- argument
- HTML
- 연결자
- 코딩공부
- combinator
- HTMLSTUDY
- Selector
- src
- 인자
- 결합자
- 절대경로
- const
- 함수
- padStart
- document.querySelector
- 공부일지
- 생활코딩
- 상대경로
- appendChild
- 복합선택자
- Let
- 속성선택자
- function
- padEnd
- Append
- CSS
- object
- TiL
- 선택자
Archives
- Today
- Total
능히 할수있다!
[JavaScript]padStart와 padEnd 본문
📌 padStart(); / End();
- content에 간격을 넣는 padding과 같이 주어진 조건에 따라 현재 문자열의 앞, 뒤로 문자를 pad로 추가하는 기능으로,
padStart();는 문자열의 앞, padEnd();는 뒤에 문자를 추가한다.
ex1. "1"의 문자열의 길이가 2가 될때 까지 앞에 "0"을 붙인다
"1".padStart(2,"0");
//"01"
ex2. "1"의 문자열의 길이가 2가 될때 까지 뒤에 "0"을 붙인다
"1".padEnd(2,"0");
//"10"
ex3. 뒷번호 4자리를 제외하고 '*'처리한다.
const phoneNumber = '01012345678';
const protectionNumber = phoneNumber.slice(-4);
const privacyProtection = protectionNumber.padStart(phoneNumber.length, '*');
console.log(privacyProtection);
//*******5678
'STUDY > JavaScript' 카테고리의 다른 글
[JavaScript] Array.every()란? (0) | 2023.06.10 |
---|---|
[JavaScript] Number()와 parseInt()의 차이 (0) | 2023.06.05 |
Comments