Convert hyphens to camel case (camelCase)

javascript regex camelcasing
Oscar Godson picture Oscar Godson · Jul 12, 2011 · Viewed 66.9k times · Source

With regex (i assume) or some other method, how can i convert things like:

marker-image or my-example-setting to markerImage or myExampleSetting.

I was thinking about just splitting by - then convert the index of that hypen +1 to uppercase. But it seems pretty dirty and was hoping for some help with regex that could make the code cleaner.

No jQuery...

Answer

user193476 picture user193476 · Jul 12, 2011

Try this:

var camelCased = myString.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase(); });

The regular expression will match the -i in marker-image and capture only the i. This is then uppercased in the callback function and replaced.

Related questions

Converting any string into camel case

How can I convert a string into camel case using javascript regex? EquipmentClass name or Equipment className or equipment class name or Equipment Class Name should all become: equipmentClassName.

Read More
Javascript/jQuery: Split camelcase string and add hyphen rather than space

I would imagine this is a multiple part situation with regex, but how would you split a camelcase string at the capital letters turning them in to lowercase letters, and then adding a hyphen between each new string? For example: …

Read More
Convert a Sentence to InitCap / camel Case / Proper Case

I have made this code. I want a small regexp for this. String.prototype.capitalize = function() { return this.charAt(0).toUpperCase() + this.slice(1); } String.prototype.initCap = function () { var new_str = this.split(' '), i, arr = []; for (i = 0; i < new_…

Read More