[JavaScript] 자바스크립트 trim

 

trim() 함수는
문자열의 양 끝에서 공백을 제거한 새로운 문자열을 반환하는 함수입니다.

공백 문자(Space, Tab,   등)와 개행 문자(LF, CR 등)를 공백으로 간주합니다.
문자열 중간의 공백은 유지됩니다.
반환만 하기 때문에 원본 문자열은 바뀌지 않습니다.

 

구문

str.trim()

str은 trim() 함수를 적용할 원본 문자열입니다.

 

const originalString = "   Welcome to my house!  ";
const trimString = originalString.trim();

/* 문자열 중간의 공백은 유지됩니다.
   반환만 하기 때문에 원본 문자열은 바뀌지 않습니다. */
console.log(trimString); 
//  "Welcome to my house!!"

/* 원본 문자열은 바뀌지 않습니다. */
console.log(originalString); 
// "   Welcome to my house!  "

 

아래 함수를 사용하면
문자열 시작부분의 공백만 제거할 수도 있고, 문자열 끝부분의 공백만 제거할 수도 있습니다.
trimStart() - 문자열의 시작부분에서 공백을 제거한 새로운 문자열을 반환하는 함수입니다.
trimEnd() - 문자열의 끝부분에서 공백을 제거한 새로운 문자열을 반환하는 함수입니다.

 

주의사항
trim() 함수는 문자열(String)에서만 사용할 수 있는 메서드입니다. 
만약 문자열이 아닌 다른 데이터 타입에 대해 이 메서드를 호출하면 TypeError가 발생합니다. 

 

문자열 공백제거, 또 다른 방법으로  replace() 함수와 정규식 활용할 수 있습니다.

replace() 함수는
문자열의 특정 부분을 검색하여 다른 문자열로 교체(replace)하는 함수입니다.

 

const str = "   Welcome to my house!   ";
const trimmedStr = str.replace(/^\s+|\s+$/g, "");

console.log(trimmedStr); 
// "Welcome to my house!!"