[JavaScript] 문자열 앞·뒤 공백 제거하기 - trim() & trimStart() & trimEnd()

문자열 메서드 : trim() / trimStart() / trimEnd()

이번 포스팅에서는 문자열 메서드 중 trim() / trimStart() / trimEnd() 이 3가지에 대해 다뤄보도록 하겠습니다.

---

trim() / trimStart() / trimEnd()

문자열의 앞·뒤 공백을 제거한다.

trim() : 문자열 앞·뒤 공백 제거
trimStart() : 문자열 앞 공백만 제거
trimEnd() : 문자열 뒷 공백만 제거

번호	기본값	메서드	리턴값
1	___javascript___	trim()	javascript
2	___javascript___	trimStart()	javascript___
3	___javascript___	trimEnd()	___javascript

코드 보기

// 앞 뒤 모든 공백 제거
const str1 = "　　　javascript　　　";
const currentStr1 = str1.trim();

document.querySelector(".sample03_N1").innerHTML = "1";
document.querySelector(".sample03_Q1").innerHTML = str1;
document.querySelector(".sample03_M1").innerHTML = "trim()";
document.querySelector(".sample03_P1").innerHTML = currentStr1;

// 앞 공백만 제거
const str2 = "　　　javascript　　　";
const currentStr2 = str2.trimStart();

document.querySelector(".sample03_N2").innerHTML = "2";
document.querySelector(".sample03_Q2").innerHTML = str2;
document.querySelector(".sample03_M2").innerHTML = "trimStart()";
document.querySelector(".sample03_P2").innerHTML = currentStr2;

// 뒤 공백만 제거
const str3 = "　　　javascript　　　";
const currentStr3 = str3.trimEnd();

document.querySelector(".sample03_N3").innerHTML = "3";
document.querySelector(".sample03_Q3").innerHTML = str3;
document.querySelector(".sample03_M3").innerHTML = "trimEnd()";
document.querySelector(".sample03_P3").innerHTML = currentStr3;