Camelize – CamelCase

A camelize egy olyan npm csomag, ami segít nekünk olyan változónevek létrehozásában, amik camelCase stílusúak.

Miért kell ez?

Nem életbevágóan fontos, de a JavaScriptben sokkal inkább elfogadottak a camelCase stílus használata a több szóból álló változónevek képzésekor, mint az alahuzas_jelek_hasznalata.

Például:

user_rating_total

helyett

userRatingTotal

Hol találkozunk ilyennel?

Vannak olyan API hívások, amik a visszaadott objektumban a tulajdonság nevekben aláhúzásjelekkel tagolják a szavakat. Hohóóó, akkor ilyen esetekben hasznos!

Például ez az API válaszának részlete:

"<strong>place_id</strong>": "some place id 47",
"<strong>plus_code</strong>": Object {
    "<strong>compound_code</strong>": "",
    "<strong>global_code</strong>": "",
},

Ahogy említettem, ez nem életbevágó, de aki a camelCase-t jobban szereti, mint az under_score-t, az jobban fog aludni tőle, ha ilyen „tevés” változóneveket használhat.

De természetesen, ha belegondolunk abba, hogy ha sok-sok különböző API hívás történik az alkalmazáson belül. Nem tudjuk, hogy az egyes API-k milyen formátumban adják vissza a változóneveket. Lehet, hogy mindegyik különbözőképpen. Emiatt jó lenne valóban valamilyen egységesítés és akkor már miért ne mondhatnánk azt, hogy mindegyik API-tól ebben a stílusban várjuk az eredményt.

Mi a megoldás?

A megoldás a camelize npm csomag.

Telepítéshez ki kell adni ezt a parancsot a terminálban:

npm install camelize

Használathoz importálni kell a camelize csomagot és a választ a camelize() függvénnyel „beburkolni”:

import camelize from "camelize";
//...
console.log(camelize(result));

Az eredmény:

"<strong>placeId</strong>": "some place id 47",
"<strong>plusCode</strong>": Object {
    "<strong>compoundCode</strong>": "",
    "<strong>globalCode</strong>": "",
},