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

“trim()” 함수는 문자열 앞뒤의 공백 문자(스페이스, 탭, 줄바꿈)을 제거하여 문자열의 내용만 남기는 JavaScript 문자열 메소드입니다. 이 함수를 사용하여 사용자 입력을 처리하거나 문자열에서 불필요한 공백을 제거할 수 있습니다.

 

 

 

◎ 구문

 

string.trim()

l  “string”: 공백을 제거하려는 대상 문자열.

 

 

◎ 1. 공백 제거

 

예제에서 “trim()” 함수를 사용하여 문자열의 앞뒤 공백을 제거하고 문자열을 정리했습니다.

 

const input = "   Hello, World!   ";
const trimmedInput = input.trim();
 
[출력]
"Hello, World!"

 

 

◎ 2. 사용자 입력 처리

 

코드는 웹 페이지에서 사용자로부터 입력을 받아 “trim()” 함수를 사용하여 앞뒤 공백을 제거한 후 “userInput” 변수에 할당합니다. 이렇게 하면 사용자가 입력 필드 주변의 공백을 실수로 입력한 경우에도 데이터 정리가 됩니다.

 

const userInput = document.getElementById("userInput").value.trim();

 

 

◎ 3. 문자열 내 공백 유지

 

“trim()” 함수는 문자열의 앞뒤 공백만 제거합니다. 문자열 내의 공백은 그대로 유지됩니다.

 

const stringWithInternalSpaces = "   This is a   sentence with   spaces.   ";
const cleanedString = stringWithInternalSpaces.trim();
 
[출력]
"This is a   sentence with   spaces."

 

 

◎ 4. 전체 문자열에 대한 공백 처리

 

예제에서는 배열의 각 요소에서 “trim()” 함수를 사용하여 모든 문자열의 앞뒤 공백을 제거하고 정리된 문자열의 배열을 생성했습니다.

 

const textArray = [" Apples  ", "   Bananas ", " Cherries   "];
const cleanedArray = textArray.map(text => text.trim());
 
[출력]
["Apples", "Bananas", "Cherries"]