자바스크립트 trim() 함수

자바스크립트 trim() 함수 – 문자열 앞뒤 공백 제거

 

이 글은 코딩에브리바디(codingeverybody.kr)의 내용을 참조해 작성했습니다.

 

정의

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

 

예제

const originalString = "   환영합니다. 반갑습니다!  ";
const trimString = originalString.trim();

/* 문자열 중간의 공백은 유지됩니다.
   반환만 하기 때문에 원본 문자열은 바뀌지 않습니다. */
console.log(trimString); // 출력: "환영합니다. 반갑습니다!"

/* 👇 원본 문자열은 바뀌지 않습니다. */
console.log(originalString); // 출력: "   환영합니다. 반갑습니다!  "

 

특징

• 공백 문자(Space, Tab,   등)와 개행 문자(LF, CR 등)를 공백으로 간주합니다.
• 주어진 문자열의 양 끝에서 공백을 제거하고 기존 문자열의 수정 없이 복사된 새로운 문자열을 반환합니다.
• 문자열 중간의 공백은 유지됩니다.
• 만약, 문자열의 한쪽, 또는 양 끝에서 공백이 없더라도 새로운 문자열로 반환합니다.
• 반환만 하기 때문에 원본 문자열은 바뀌지 않습니다.

주의할 점

trim() 함수는 문자열(String)에서만 사용할 수 있는 메서드입니다. 만약 문자열이 아닌 다른 데이터 타입에 대해 이 메서드를 호출하면 TypeError가 발생합니다. 이러한 호출은 유효한 작업이 아닙니다.

 

const number = 17;

try {
    let result = number.trim(); // 이 부분에서 TypeError 발생
    console.log(result);
} catch (error) {
    console.error(error); // TypeError: number.trim is not a function
}

 

trim() 함수 대신 replace() 함수와 정규 표현식 활용

문자열의 replace() 함수와 정규 표현식 활용하는 방법을 살펴보겠습니다.

const str = "   Hello, World!   ";
const trimmedStr = str.replace(/^\s+|\s+$/g, "");

console.log(trimmedStr); // 출력: "Hello, World!"

 

일반적으로, 간단한 공백 제거가 목적이라면 trim() 함수를 사용하는 것이 권장됩니다. 직관적이고 성능이 좋기 때문입니다. 그러나 특별한 상황에서 더 정교한 패턴이 필요하다면 정규 표현식을 사용하는 것도 유효한 선택일 수 있습니다.

 

추가 참고 문헌

JavaScript trim()関数：文字列の前後の空白を削除

JavaScript trim()関数：文字列の前後の空白を削除 - codingEverybody

 

JavaScript trim() Function – Leading and Trailing Whitespace

JavaScript trim() Function – Leading and Trailing Whitespace - codingCourses