驼峰命名：getElementById
短横线命名：get-element-by-id
1、将骆驼命名规则的字符串转换成使用短横线命名法的字符串, 并且全小写 .例如:'getElementById'=>'get-element-by-id'
正则表达式：
function getKebabCase( str ) {
return str.replace( /[A-Z]/g, function( i ) {
return '-' i.toLowerCase();
})
}
console.log( getKebabCase( 'getElementById' ) ); //get-element-by-id
采用数组的方法
function getKebabCase ( str ) {
var arr = str.split('');
str = arr.map(function ( item ){
if( item.toUpperCase() === item ){
return '-' item.toLowerCase();
}else{
return item;
}
}).join( '' );
return str;
}
console.log( getKebabCase( 'getElementById' ) ); //get-element-by-id
2、将短横线命名法的字符串转换成使用骆驼命名规则的字符串, 并且全小写 .例如:'get-element-by-id'=>'getElementById'
正则表达式：
function getCamelCase( str ) {
return str.replace( /-([a-z])/g, function( all, i ){
return i.toUpperCase();
} )
}
console.log( getCamelCase( 'get-element-by-id' ) ); //getElementById
数组的方法：
function getCamelCase( str ) {
var arr = str.split( '-' );
return arr.map( function( item, index ) {
if( index === 0 ){
return item;
}else{
return item.charAt(0).toUpperCase() item.slice( 1 );
}
}).join('');
}
console.log( getCamelCase( 'get-element-by-id' ) ); //getElementById
