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