[Javascript] 문자열을 공백 구분자로 split 하는 방법

▶Javascript 문자열을 공백 구분자로 split 하는 방법

---

▶설명

---

문자열을 공백 구분자로 split 하여 배열에 저장할 때, 공백이 여러개 있는 경우에 공백을 전부 무시하고 split 하고 싶은 경우가 있습니다.

그런 경우 해결 방법을 알아보도록 하겠습니다.

 

참고 : https://stackoverflow.com/questions/225337/how-to-split-a-string-with-any-whitespace-chars-as-delimiters

 

▶잘못된 방법 예시

---

먼저 공백으로 나눈다고 생각했을 때, 제일 먼저 생각나는 방법입니다.

 

아래는 크롬의 개발자 도구의 콘솔 창에서 작성한 테스트 코드입니다.

 

코드

console.log("a         b    c".split(" "));

결과

['a', '', '', '', '', '', '', '', '', 'b', '', '', '', 'c']

 

위처럼 단순 공백으로 하면 공백 하나 하나마다 구분이되어 나눠집니다.

 

▶올바른 방법 예시

---

정규식을 사용하여 구분하면 위와 같은 문제가 해결됩니다.

 

아래는 크롬의 개발자 도구의 콘솔 창에서 작성한 테스트 코드입니다.

 

 

코드

console.log("a         b    c".split(/\s+/g));

결과

['a', 'b', 'c']

 

결과 값이 모든 공백을 구분 값으로 사용하여 유효한 단 3개의 문자만이 남을 것을 확인헀습니다.

 

▶마치며

---

의도에 따라서는 첫 번째의 잘못된 예시 방법도 사용되어 질 수 있습니다.

 

언젠가 다시 사용할 일이 있을 것 같아서 이렇게 작성했습니다.

도움이 되었으면 좋겠습니다.