在React Web应用程序中将JSON格式的其余输出从蛇案更改为骆驼案

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();});
}