如何在 JavaScript 中将驼峰式字符串转换为破折号？

Question

I want to convert these strings:

fooBar
FooBar

into:

foo-bar
-foo-bar

How would I do this in JavaScript the most elegant and performant way for any given string?

Answer 1

You can use replace with a regex like:

let dashed = camel.replace(/[A-Z]/g, m => "-" + m.toLowerCase());

which matches all uppercased letters and replace them with their lowercased versions preceded by "-" .

Example:

 console.log("fooBar".replace(/[AZ]/g, m => "-" + m.toLowerCase())); console.log("FooBar".replace(/[AZ]/g, m => "-" + m.toLowerCase()));

Answer 2

也许你可以使用kebabCase的 kebabCase： https ://lodash.com/docs/4.17.15#kebabCase

Answer 3

You can use replace() with regex. Then use toLowerCase()

 let camel = (s) => s.replace(/[AZ]/g, '-$&').toLowerCase() console.log(camel('fooBar')) console.log(camel('FooBar'))

`

Answer 4

对于那些不需要前面连字符的人：

 console.log ("CamelCase".replace(/[AZ]/g, (match, offset) => (offset > 0 ? '-' : '') + match.toLowerCase()))

Answer 5

您可以使用来自underscore.string库的https://github.com/epeli/underscore.string#dasherizestring--string 。

Answer 6

EDIT

Simple case:

"fooBar".replace( /([a-z])([A-Z])/g, '$1-$2' ).toLowerCase();   
"FooBar".replace( /([a-z])([A-Z])/g, '$1-$2' ).toLowerCase();

Edge case: this can get an extreme case where you have a single char.

"FooBarAFooBar".replace(/([A-Z])/g, (g) => `-${g[0].toLowerCase()}`)

Answer 7

You can use

const makeItDashed = camelCased => {
   let dashed = ``
   camelCased.split(``).map(ch => {{dashed += ch.toUpperCase() == ch ? `-${ch.toLowerCase()}` : ch}})
   return dashed
}

console.log(makeItDashed(`fooBar`))
console.log(makeItDashed(`FooBar`))