[JavaScript] 문자열 공백 제거 메서드 (trim())

728x90

목 차

• 1. trim() 메서드란?
• 2. trim() 메서드의 주요 특징
• 3. 문법
• 4. 예제
• 4-1. 기본 사용 예제
• 4-2. 공백 제거의 결과 확인
• 4-3. 다양한 공백 제거 문자 확인
• 4-4. 문자열 비교시 공백 제거
• 5. 관련 메서드
• 5-1. trimStart()
• 5-2. trimEnd()

반응형

 

1. trim() 메서드란?

• JavaScript에서 trim() 메서드는 문자열의 양쪽 끝에 있는 공백(whitespace)을 제거하는 데 사용됩니다. 이 메서드는 문자열의 중간에 있는 공백에는 영향을 미치지 않습니다.

 

---

 

2. trim() 메서드의 주요 특징

• 문자열의 양 끝에 있는 공백(스페이스, 탭, 줄바꿈 등)을 제거합니다.
• 원본 문자열을 수정하지 않고, 새로운 문자열을 반환합니다.
• 문자열에 포함된 공백 문자 종류 :
  • 스페이스(\u0020)
  • 탭(\t)
  • 줄바꿈(\n, \r, \r\n)
  • 폼 피드(\f)
  • 공백 문자(\u00A0, \u1680, \u2000 ~ \u200A, \u202F, \u205F, \u3000)

 

---

 

3. 문법

string.trim();

• string : 공백을 제거할 대상 문자열.

 

---

 

4. 예제

4-1. 기본 사용 예제

const str = "   Hello, World!   ";
console.log(str.trim()); // "Hello, World!"

 

4-2. 공백 제거의 결과 확인

const str1 = "   leading and trailing spaces   ";
console.log(str1.trim()); // "leading and trailing spaces"

const str2 = "NoSpaces";
console.log(str2.trim()); // "NoSpaces" (변화 없음)

 

4-3. 다양한 공백 제거 문자 확인

const str = "\t  Hello, \nWorld! \r\n ";
console.log(str.trim()); // "Hello, \nWorld!"

 

4-4. 문자열 비교시 공백 제거

const str1 = "   hello   ";
const str2 = "hello";
console.log(str1.trim() === str2); // true

 

---

 

5. 관련 메서드

5-1. trimStart()

• 문자열 시작 부분의 공백 부분만 제거합니다.

const str = "   Hello, World!   ";
console.log(str.trimStart()); // "Hello, World!   "

 

5-2. trimEnd()

• 문자열 끝 부분의 공백 부분만 제거합니다.

const str = "   Hello, World!   ";
console.log(str.trimEnd()); // "   Hello, World!"