文字列をキャメルケースへ変換

キャメルケースへ変換するには、次のような方法で可能です。
ハイフン、アンダースコア、スペース何れかの区切りとした文字列をキャメルケースへ変換します。

関数定義

JavaScript

/**
 * 文字列をキャメルケースへ変換
 * @param {string} str 変換する文字列
 * @param {boolean} [upper] 文字列の先頭も大文字にするかどうか
 * @return {string} 変換された文字列を返す
 */
var toCamelcase = function(str, upper) {
	if (typeof str !== 'string') return str;

	var strs = str.split(/[-_ ]+/), i = 1, len = strs.length;

	if (len <= 1) return str;

	if (upper) {
		i = 0;
		str = '';
	} else {
		str = strs[0].toLowerCase();
	}

	for (; i < len; i++) {
		str += strs[i].toLowerCase().replace(/^[a-z]/, function(value) {
			return value.toUpperCase();
		});
	}

	return str;
};

使い方

引数

引数名 初期値 説明
第一引数
必須
str string   変換する文字列
第二引数 upper boolean false 文字列の先頭も大文字にするかどうか

戻り値

キャメルケースに変換された文字列を返します。

JavaScript

var result1 = toCamelcase('font-size'),
    result2 = toCamelcase('font_size'),
    result3 = toCamelcase('Font Size'),
    result4 = toCamelcase('FONT-SIZE'),
    result5 = toCamelcase('font-size', true);

alert(result1); // fontSize
alert(result2); // fontSize
alert(result3); // fontSize
alert(result4); // fontSize
alert(result5); // FontSize

JavaScript逆引きリファレンス一覧へ戻る