javascript - 如何从驼峰式大小写转换为虚线和虚线转换为驼峰式大小写

Question

1) 如何将像 "backgroundColor" 这样的驼峰式字符串转换为像 "background-color" 和

这样的虚线式大小写

2) 如何将虚线大小写 "background-color" 转换为驼峰大小写 "backgroundColor"

Answer 1

这是我使用的两个函数:

function camelToDash(str){
  return str.replace(/([A-Z])/g, function($1){return "-"+$1.toLowerCase();});
}

function dashToCamel(str){
  return str.replace(/(\-[a-z])/g, function($1){return $1.toUpperCase().replace('-','');});
}

console.log('camelToDash ->', camelToDash('camelToDash'));
console.log('dash-to-camel ->', dashToCamel('dash-to-camel'));

并且，在 ES6 中:

const camelToDash = str => str.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);

const dashToCamel = str => str.replace(/(\-[a-z])/g, val => val.toUpperCase().replace('-',''));

console.log('camelToDash ->', camelToDash('camelToDash'));
console.log('dash-to-camel ->', dashToCamel('dash-to-camel'));