我如何从骆驼案转换为破折号和破折号为骆驼案

Question

1) How do you convert a camel case string like "backgroundColor" to dashed case like "background-color" and

2) How do you convert dashed case "background-color" to camel case "backgroundColor"

Answer 1

Here are the two functions I use:

 function camelToDash(str){ return str.replace(/([AZ])/g, function($1){return "-"+$1.toLowerCase();}); } function dashToCamel(str){ return str.replace(/(\\-[az])/g, function($1){return $1.toUpperCase().replace('-','');}); } console.log('camelToDash ->', camelToDash('camelToDash')); console.log('dash-to-camel ->', dashToCamel('dash-to-camel')); 

And, in ES6:

 const camelToDash = str => str.replace(/([AZ])/g, val => `-${val.toLowerCase()}`); const dashToCamel = str => str.replace(/(\\-[az])/g, val => val.toUpperCase().replace('-','')); console.log('camelToDash ->', camelToDash('camelToDash')); console.log('dash-to-camel ->', dashToCamel('dash-to-camel'));