JavaScript에서 문자열을 스네이크 케이스(Snake Case)로 변환하는 방법

스네이크 케이스(Snake Case)는 문자열에서 공백을 언더스코어(_)로 대체하고, 각 단어의 첫 글자를 소문자로 변환하여 작성하는 표기 방식입니다. 주로 변수명이나 파일명을 작성할 때 널리 사용됩니다.

이번 글에서는 문자열을 입력받아 스네이크 케이스로 변환하는 자바스크립트 함수를 작성해 보겠습니다.

예제 코드

구현 코드는 다음과 같습니다.

const str = 'This is a simple sentence';
const toSnakeCase = (str = '') => {
    const strArr = str.split(' ');
    const snakeArr = strArr.reduce((acc, val) => {
        return acc.concat(val.toLowerCase());
    }, []);
    return snakeArr.join('_');
};
console.log(toSnakeCase(str));

동작 원리

위 코드의 동작 과정은 다음과 같습니다.

1. split(' '): 입력된 문자열을 공백을 기준으로 분리하여 배열로 만듭니다.
2. reduce(): 배열의 각 요소(단어)를 순회하면서 toLowerCase()로 모든 글자를 소문자로 변환하고, 새로운 배열에 누적합니다.
3. join('_'): 변환된 단어들을 언더스코어(_)로 연결하여 최종 문자열을 반환합니다.

출력 결과

콘솔에 출력되는 결과는 다음과 같습니다.

this_is_a_simple_sentence

이처럼 split, reduce, join 세 가지 배열 메서드만 활용하면 별도의 정규식 없이도 간단하게 문자열을 스네이크 케이스로 변환할 수 있습니다.