JavaScript에서 문자열을 카멜 케이스(Camel Case)로 변환하는 방법

카멜 케이스(Camel Case)는 여러 단어로 구성된 문구를 작성할 때, 문구 중간에 위치한 각 단어의 첫 글자를 대문자로 표기하고 단어 사이에 공백이나 구두점을 넣지 않는 명명 규칙입니다. 주로 프로그래밍에서 변수명이나 클래스명을 작성할 때 널리 사용됩니다.

예를 들어 "Concurrent hash maps"라는 문구를 카멜 케이스로 변환하면 다음과 같습니다.

ConcurrentHashMaps

JavaScript로 카멜 케이스 변환 함수 구현하기

JavaScript에서는 문자열을 인자로 받아 카멜 케이스로 변환하는 함수를 다음과 같이 구현할 수 있습니다.

예제

function camelize(str) {
    // 문자열을 공백 문자를 기준으로 분리합니다
    return str.split(' ')
    // trim()으로 불필요한 공백을 제거합니다
    .map(a => a.trim())
    // 각 단어의 첫 글자를 대문자로 변환합니다
    .map(a => a[0].toUpperCase() + a.substring(1))
    // 모든 문자열을 다시 하나로 합칩니다
    .join("")
}
console.log(camelize("Concurrent hash maps"))

출력 결과

ConcurrentHashMaps

코드 동작 원리

위 함수는 다음 단계를 순서대로 수행합니다.

1. split(' ') : 입력된 문자열을 공백을 기준으로 잘라 배열로 만듭니다.
2. map(a => a.trim()) : 각 단어 앞뒤의 불필요한 공백을 제거합니다.
3. map(a => a[0].toUpperCase() + a.substring(1)) : 각 단어의 첫 글자를 대문자로 바꾸고, 나머지 부분은 그대로 이어 붙여 새로운 단어를 만듭니다.
4. join("") : 처리된 모든 단어를 공백 없이 하나의 문자열로 연결합니다.

이처럼 JavaScript의 내장 메서드인 split(), map(), join()만 활용하면 별도의 라이브러리 없이도 간단하게 카멜 케이스 변환 기능을 구현할 수 있습니다.