[Javascript] 문자열 공백 제거하기

 

Javascript의 문자열에서 공백을 제거하는 방법을 알아보도록 하겠습니다.

 

문자열의 앞뒤 공백 제거하기(1) - trim() 함수

See the Pen 공백제거 by anna (@hianna) on CodePen.

 

문자열의 앞뒤에 있는 공백을 없애기 위해서는 trim() 함수를 사용합니다.

 

 

문자열의 앞뒤 공백 제거하기(2) - replace() 함수와 정규식

브라우저에 따라서 trim() 함수가 동작하지 않는 경우가 있습니다.

이런 경우에는 replace() 함수와 정규식을 사용하여 앞뒤의 공백을 제거할 수 있습니다.

See the Pen 공백제거 by anna (@hianna) on CodePen.

 

문자열의 모든 공백 제거하기

See the Pen 공백제거 by anna (@hianna) on CodePen.

문자열의 모든 공백을 제거하기 위해서는 replace() 함수를 사용합니다.

string.replace(searchvalue, newvalue)

replace() 함수는 searchvalue와 newvalue 두개의 파라미터를 받습니다.

searchvalue의 값으로는 문자열 또는 정규식을 넣을 수 있습니다.

 

 

문자열의 앞 공백 제거하기

See the Pen 공백제거 by anna (@hianna) on CodePen.

문자열의 앞 공백을 제거하기 위해서

역시 replace() 함수와 정규식을 사용하였습니다.

 

 

문자열의 뒤 공백 제거하기

See the Pen 공백제거 by anna (@hianna) on CodePen.

 

문자열의 뒤 공백을 제거하기 위해서

replace() 함수와 정규식을 사용하였습니다.

 

 

** 예제의 코드의 문자열은 브라우저에 표시될때 앞뒤 공백이 자동으로 제거 되었습니다.

테스트 시, alert으로 결과를 띄워보시면 정확한 결과를 볼 수 있습니다.