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

trim( ) / trimStart() / trimEnd()에 대해 알아보자 !

String.prototype.trim( ); 문자열 양 끝의 공백을 제거하는 메서드입니다.
String.prototype.trimStart( ); 문자열 시작부분의 공백을 제거하는 메서드입니다.
String.prototype.trimEnd( ); 문자열 끝부분의 공백을 제거하는 메서드입니다.
* 공백; 모든 공백문자(space, tab, NBSP 등)와 모든 개행문자(LF, CR 등)를 의미

---

# 예제를 통해 익혀봅시다.

str 문자열에 공백이 없어도 예외 없이 새 문자열이 반환됩니다. (본질적으로 str의 복사본)
trimStart( ); 웹 호환성을 위해 trimLeft( ); 라는 별칭으로도 호출이 가능합니다.
trimEnd( ); 웹 호환성을 위해 trimRight( ); 라는 별칭으로도 호출이 가능합니다.

//01
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에서 공백 여부 확인 가능
console.log(str1);
console.log(currentStr1);

//02
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;

console.log(str2);
console.log(currentStr2);

//03
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;

console.log(str3);
console.log(currentStr3);
//글씨 중간에 있는 여백은 없앨 수 없음 : replace()로 없앨 수 있음

번호	기본값	메서드	리턴값