文字列をケバブケースへ変換する

キャメルケースやスネークケースの文字列を(ハイフンで区切りを区切る)ケバブケースへ変換するには、次のような方法で可能です。

関数定義

JavaScript

/**
 * 文字列をケバブケースへ変換
 * @param {string} str 変換前の文字列
 * @return {string} 変換された文字列を返す
 */
var toKebabCase = function(str) {
	if (typeof str !== 'string') return str;

	str = str.replace(/^ *?[A-Z]/, function(allStr) { return allStr.toLowerCase(); });
	str = str.replace(/_/g, '-');
	str = str.replace(/ *?[A-Z]/g, function(allStr, i) { return '-' + allStr.replace(/ /g, '').toLowerCase(); });
	return str;
};

使い方

var result = toKebabCase( convertString );

引数

引数名 説明
第一引数
必須
convertString string 変換したい文字列

戻り値

ケバブケースに変換された文字列を返します。

JavaScript

var result = toKebabCase('IAmAHero');

alert(result); // i-am-a-hero

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