Cómo convertir camelCase a kebab-case (JavaScript, Python, CLI)

4 min de lectura

Convertir camelCase a kebab-case es esencial al transformar identificadores JavaScript en nombres de clases CSS, slugs de URL o flags de CLI.

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:]'

Herramienta online

Usa el conversor kebab-case o el hub de conversión de case.