camelCase in kebab-case umwandeln (JavaScript, Python, CLI)

4 Min. Lesezeit

Die Konvertierung von camelCase zu kebab-case ist unerlässlich, wenn JavaScript-Bezeichner in CSS-Klassennamen, URL-Slugs oder CLI-Flags umgewandelt werden.

JavaScript

function camelToKebab(str) {
  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
}
camelToKebab("backgroundColor"); // "background-color"

Python

import re
def camel_to_kebab(s):
    return re.sub(r'(?<=[a-z0-9])(?=[A-Z])', '-', s).lower()
camel_to_kebab("backgroundColor")  # "background-color"

CLI (sed)

echo "backgroundColor" | sed 's/\([a-z]\)\([A-Z]\)/\1-\2/g' | tr '[:upper:]' '[:lower:]'

Online-Tool

Verwenden Sie den kebab-case-Konverter oder den Case-Converter-Hub.