前端将接口返回的数据中的属性名从下划线格式转换为驼峰格式

在前端接口请求中,如果需要将返回的数据中的属性名从下划线格式转换为驼峰格式,可以使用以下方法:

手动转换:
可以编写一个函数,将下划线格式的属性名转换为驼峰格式。例如,可以使用正则表达式和字符串操作来进行转换:

function convertToCamelCase(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }

  if (Array.isArray(obj)) {
    return obj.map(item => convertToCamelCase(item));
  }

  const convertedObj = {};
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      const camelCaseKey = key.replace(/_([a-z])/g, (match, p1) => p1.toUpperCase());
      convertedObj[camelCaseKey] = convertToCamelCase(obj[key]);
    }
  }

  return convertedObj;
}

在上述代码中,convertToCamelCase() 函数可以递归地遍历对象或数组,将下划线格式的属性名转换为驼峰格式,并返回转换后的对象或数组。

使用示例:

const response = {
  user_name: 'John',
  user_age: 30,
  user_address: {
    street_name: '123 Main St',
    city_name: 'New York'
  }
};

const convertedResponse = convertToCamelCase(response);
console.log(convertedResponse);

输出结果:

{
  userName: 'John',
  userAge: 30,
  userAddress: {
    streetName: '123 Main St',
    cityName: 'New York'
  }
}

通过手动转换的方式,可以将下划线格式的属性名转换为驼峰格式。

使用第三方库:
如果你不想手动编写转换函数,可以使用一些第三方库来处理属性名的转换,例如 lodash 库中的 _.camelCase() 方法。

首先,使用 npm 或 yarn 安装 lodash:

npm install lodash

或

```shell
yarn add lodash

然后,在代码中引入 lodash

const _ = require('lodash');

使用示例:

const response = {
  user_name: 'John',
  user_age: 30,
  user_address: {
    street_name: '123 Main St',
    city_name: 'New York'
  }
};

const convertedResponse = _.mapKeys(response, (value, key) => _.camelCase(key));
console.log(convertedResponse);

输出结果和手动转换的方法相同。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值