JavaScript에서 문장을 쉼표로 분리하고 주변 공백 제거하는 방법

문자열을 쉼표(,) 기준으로 나누고, 각 항목 앞뒤에 붙은 불필요한 공백까지 깔끔하게 제거하고 싶다면 split()과 trim() 메서드를 함께 활용하면 됩니다.

예제 문자열

쉼표와 공백이 섞여 있는 다음과 같은 문자열이 있다고 가정해 보겠습니다.

var sentences = "   John ,     David ,         Bob ,      Mike,           Carol      ";

이 문자열을 처리하는 방법은 다음과 같습니다.

• split(",") — 문자열을 쉼표를 기준으로 잘라 배열을 만듭니다.
• trim() — 각 배열 요소의 앞뒤 공백을 제거합니다.

예제 코드

전체 코드는 아래와 같습니다.

var sentences = "   John , David , Bob , Mike, Carol ";
console.log("원본 값=" + sentences);
var result = sentences.split(",").map(function (value) {
    return value.trim();
});
console.log("수정 후 값=")
console.log(result);

위 코드에서는 map()을 사용해 split()으로 만들어진 배열의 모든 요소에 trim()을 적용했습니다. 이렇게 하면 각 이름의 앞뒤 공백이 한 번에 정리됩니다.

실행 방법

Node.js 환경에서 위 프로그램을 실행하려면 다음 명령어를 사용합니다.

node fileName.js

여기서는 파일명을 demo235.js로 저장했다고 가정합니다.

실행 결과

실행하면 다음과 같은 출력을 확인할 수 있습니다.

PS C:\Users\Amit\javascript-code> node demo235.js
원본 값=   John ,     David ,         Bob ,      Mike,           Carol      
수정 후 값=
[ 'John', 'David', 'Bob', 'Mike', 'Carol' ]

출력 결과를 보면 원본 문자열에는 불규칙한 공백이 많았지만, split()과 map(), trim()을 조합한 결과 각 요소가 'John', 'David', 'Bob', 'Mike', 'Carol'처럼 공백 없이 깔끔하게 정리된 것을 확인할 수 있습니다.

추가 팁: 화살표 함수로 더 간결하게

ES6 화살표 함수(arrow function)를 사용하면 코드를 한 줄로 더 간결하게 작성할 수도 있습니다.

const result = sentences.split(",").map(value => value.trim());

동작 방식은 동일하며, 최신 JavaScript 개발에서 더 널리 사용되는 표현 방식입니다.