java短横线转驼峰_前端面试小结：驼峰命名法和短横线命名法的转换

驼峰命名：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