Case Converter: CamelCase, Snake_case & fler format

Att namnge variabler är en av de två svåraste sakerna inom programmering (efter cache-invalidring). Och när du väl har kommit på ett namn måste du skriva det korrekt. Varje programmeringsspråk har nämligen olika regler.

Vår Case Converter är en schweizisk armékniv för textformatering. Det räcker att skriva namnet en gång (i vilket format som helst) så “översätter” vi det omedelbart till syntaxen för alla större programmeringsspråk.

Snabb översikt: När ska man använda vilket Case?

Om du känner dig förvirrad, här är en snabbguide till standardkonventioner (Naming Conventions) för 2025:

🐪 camelCase (Kamelnotation)

Börjar med en liten bokstav och varje efterföljande ord börjar med en stor bokstav. Inga mellanslag.

  • Var det används: JavaScript, Java, Swift, Kotlin, Go.
  • Exempel: myVariableName, getElementById, iPhone.

🐍 snake_case (Ormnotation)

Alla bokstäver är små och separeras med understreck.

  • Var det används: Python, Rust, PHP, SQL-databaser, filnamn.
  • Exempel: user_id, first_name, def my_function().

🍢 kebab-case (Kebabnotation)

Små bokstäver separerade med bindestreck. Ser ut som kött på ett spett.

  • Var det används: CSS-klasser, HTML-attribut, URL-adresser (slugs), Kubernetes.
  • Exempel: font-size, my-cool-article, <div id="main-content">.

📐 PascalCase (UpperCamelCase)

Liknar camelCase, men första bokstaven är stor.

  • Var det används: Klassnamn (Classes) i de flesta språk (JS, Python, PHP), C# (metoder och variabler), React-komponenter.
  • Exempel: UserProfile, AppController, ReactComponent.

📢 CONSTANT_CASE (Screaming Snake Case)

Stora bokstäver separerade med understreck. Skriker åt dig att detta värde inte får ändras.

  • Var det används: Konstanter, miljövariabler (ENV), globala konfigurationer.
  • Exempel: MAX_RETRIES, API_KEY, DB_PASSWORD.

Hur fungerar vår omvandlare?

Vårt verktyg är “smart”. Det betyder att det inte bara dumt ersätter mellanslag.

  1. Orddetektering: Algoritmen känner igen ord, oavsett om de separeras av mellanslag hello world, understreck hello_world, bindestreck hello-world eller övergången till stora bokstäver helloWorld.
  2. Normalisering: Allt konverteras till sin grundform.
  3. Generering: Bygger upp alla varianter samtidigt.

Detta är användbart till exempel vid refaktorering av kod, när du behöver konvertera gamla PHP-variabler ($user_id) till modern JavaScript (userId) eller skapa en CSS-klass (user-id) från ett databaskolumnnamn.

FAQ: Vanliga frågor

Vad är "Hungarian notation"? Det är ett äldre skrivsätt (vanligt i C/C++ på 90-talet), där variabelnamnet börjar med en förkortning av datatypen. Till exempel strName (string) eller iCount (integer). Idag används det inte mycket i moderna språk, eftersom IDE:er visar oss typerna automatiskt.
Kan jag använda kebab-case i JavaScript? Inte direkt som variabelnamn, eftersom bindestrecket - fungerar som en subtraktionsoperator i JS. var my-variable skulle betyda "my minus variable". Kebab-case används i JS endast som nycklar i objekt om de är inom citattecken: { "content-type": "json" }.
Vilket case ska man använda för JSON? JSON-standarden specificerar inget case, men Google och de flesta REST API:er använder camelCase (t.ex. createdAt). Däremot returnerar vissa äldre API:er och Python-backendar snake_case (t.ex. created_at). Det är viktigt att vara konsekvent.