JavaScriptで文字列をスネークケースに変換する方法

スネークケース（snake case）とは、文字列中のスペースをアンダースコア「_」に置き換え、すべての単語を小文字でつなげて記述するスタイルです。たとえば「This is a simple sentence」は「this_is_a_simple_sentence」のように変換されます。変数名や定数の命名など、プログラミングでよく使われる記法の一つです。

ここでは、文字列を受け取り、それをスネークケースに変換するJavaScript関数を実装します。

実装例

基本的な考え方はシンプルです。split(' ')で文字列を単語ごとに分割し、reduce()を使って各単語を小文字に変換した配列を作り、最後にjoin('_')でアンダースコア区切りの文字列として連結します。

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));

出力結果

コンソールには次のように出力されます。

this_is_a_simple_sentence

より汎用的な変換方法

上記の実装はスペース区切りの文字列が前提となっています。入力にキャメルケース（camelCase）や複数の連続スペースが含まれる可能性がある場合は、正規表現を使うとより堅牢になります。

const toSnakeCaseRobust = (str = '') => {
  return str
    .replace(/([A-Z])/g, ' $1')
    .trim()
    .toLowerCase()
    .replace(/\s+/g, '_');
};

console.log(toSnakeCaseRobust('This Is A Simple Sentence')); // this_is_a_simple_sentence
console.log(toSnakeCaseRobust('myVariableName'));            // my_variable_name

この方法では、大文字の前にスペースを挿入して単語の境界を明確にし、その後すべて小文字化してからスペースをアンダースコアに統一しています。これにより、通常の文だけでなくキャメルケースの識別子にも柔軟に対応できます。