JavaScriptで空白を削除し、任意の文字列をキャメルケースに変換する方法

キャメルケースとは

文字列をキャメルケース(camelCase)に変換するには、最初の単語の一文字目を小文字にし、それ以降の各単語の一文字目を大文字にする必要があります。また、単語間の空白は削除されます。

例えば、「Add two variables」という文字列は「addTwoVariables」に変換されます。

以下は、任意の文字列をキャメルケースに変換するコードです。

コード例

function convertStringToCamelCase(sentence) {
    return sentence.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g,
    function(camelCaseMatch, i) {
        if (+camelCaseMatch === 0)
            return "";
        return i === 0 ? camelCaseMatch.toLowerCase() :
        camelCaseMatch.toUpperCase();
    });
}
console.log(convertStringToCamelCase("Add two variables"));

このコードでは、正規表現 (?:^\w|[A-Z]|\b\w|\s+) を使って、単語の先頭文字・大文字・空白を検出しています。マッチした部分が空白の場合は削除し、文字列の先頭であれば小文字に、それ以外であれば大文字に変換することで、キャメルケースを生成しています。

プログラムの実行方法

上記のプログラムを実行するには、次のコマンドを使用します。

node fileName.js

ここでは、ファイル名を demo104.js として保存しています。

実行結果

このプログラムを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo104.js
addTwoVariables

このように、空白が削除され、最初の単語は小文字、以降の単語の一文字目が大文字になったキャメルケースの文字列が出力されます。この関数を使えば、どんな文字列でも簡単にキャメルケースへ変換できます。