trim() / trimStart() / trimEnd()

trim() / trimStart() / trimEnd() 에 대해 알아봅시다!

trim() 메서드란?

: 문자열의 앞쪽, 뒤쪽 공백을 모두 제거한 문자열을 반환

string.trim()

trimStart() 메서드란?

: 문자열의 앞쪽 공백을 모두 제거한 문자열을 반환

string.trimStart()

trimEnd() 메서드란?

: 문자열의 뒤쪽 공백을 모두 제거한 문자열을 반환

string.trimEnd()

---

trim() / trimStart() / trimEnd() 메서드 사용예제

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;

//console.log()공백확인 가능

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;

결과 확인하기

번호	기본값	메서드	리턴값
1	str1	trim()	javascript
2	str2	trimStart()	javascript____
3	str3	trimEnd()	____javascript