將json格式的rest輸出從snake case更改為camel case在react web應用程序中

Question

更改 JSON 格式的其余輸出，其中密鑰存在於蛇形案例中，我需要將其轉換為駝色案例

我正在開發一個 React Web 應用程序，我在其中調用我的 API 端點，它給了我這樣的響應

[
    {
        "id": 1,
        "goals_for": 0,
        "goals_against": 0,
        "points": 0
    }
]

所以在這里我想將我的 JSON rest 輸出的鍵從蛇形案例轉換為駱駝案例（ goals_for - >目標goalsFor ）

轉換后我需要這樣的輸出

[
    {
        "id": 1,
        "goalsFor": 0,
        "goalsAgainst": 0,
        "points": 0
    }
]

Answer 1

const snakeCaseArray = [{
        "id": 1,
        "goals_for": 0,
        "goals_against": 0,
        "points": 0
    }]


 /*using lodash*/
 const camelCaseArray = snakeCaseArray.map(item=>{
    return Object.keys(item).map(key=>{ 
       const newKeyName = _.camelCase(key) /*---> lodash function*/
       return {[newKeyName]:item[key]}
    })

Answer 2

您需要獲取整個鍵值對並將所有鍵傳遞給函數，並使用此蛇到駱駝大小寫函數在 javascript 中創建一個新對象

function snakeToCamel(your_Key){
    return your_Key.replace(/(\-\w)/g, function(m){return m[1].toUpperCase();});
}