정규 표현식으로 연속된 공백을 제거하기(remove consecutive spaces)

먼저 코드

const hello = '연속된  공백을 하나의  공백으로    처리하려고 함'
// 이 문자열을 '연속된 공백을 하나의 공백으로 처리하려고 함' 으로 바꾸고 싶은 것!
const spaceRemovedHello = hello.replace(/ +(?= )/g, '')
console.log(spaceRemovedHello)
// '연속된 공백을 하나의 공백으로 처리하려고 함'

정규식 해설

/ +/

+는 정규식에서 앞의 표현식이 1회 이상 반복되는 것을 의미합니다. 정리하면 위의 정규식은 1회 이상 반복되는 공백이라는 의미가 됩니다.

/x(?=y)/

x 중에서 뒤에 y가 뒤따라오는 x의 의미입니다. 여기서 실제로 대응되는 것은 xy 전체가 아니라 x라는 점을 기억하세요. 우리의 코드에서 (?= )는 공백이 뒤따라오는이라는 수식어 역할을 하게되겠습니다.

/ +(?= )/

그래서 위의 정규식을 정리하면, 1개 이상의 공백인데, 꼭 공백 하나가 끝에 붙어있는 공백입니다. 제가 x(?=y)에서 y는 대응되지 않는다라고 했습니다. 만약 3개의 연속된 공백('___')이 있다면, 이 정규식에 대응되는 문자는 실제로 앞에 2개의 연속된 공백('--_')이라는 것이죠(그냥 공백이 잘 안보여서 공백을 언더스코어(_)로, 매칭되는 공백을 대쉬(-)로 표시를 하였습니다.).

g는 대상 문자열에서 조건에 맞는 모든 부분이라는 의미로 생각하시면 됩니다.

hello.replace(/ +(?= )/g, '')

따라서 위의 코드는 hello라는 문자열에서 연속된 공백들을 맨 마지막 하나의 공백을 제외하고 빈 문자열('')로 대체하겠다는 코드가 됩니다. 결과로 연속된 공백이 하나의 공백으로 남게 되겠네요.