后台返回的参数名中有横杠如何处理

开发过程中,有些时候后端返回给我们的参数命名有时不符合前端命名规范,如带有连字符(‘data-failname’),前端取值时编译器往往会报错导致我们无法正常取值——解决办法如下

  1. 使用方括号表示法:
    在 JavaScript 中,如果对象的属性名包含特殊字符(如连字符),可以使用方括号表示法来访问该属性。例如,假设后台返回的参数名为 data-failname’,可以通过 obj[data-failname’'] 来访问该属性。
const response = {//后台返回的对象
'data-failname': 'value'//返回对象中不符合规范的参数名
};
console.log(response['data-failname']); // 输出: value
  1. 使用对象解构赋值:
    如果需要将后台返回的参数名赋值给一个变量,可以使用对象解构赋值来获取包含连字符的属性。
const response = {
'data-failname': 'value'
};

const { 'data-failname': datafailname } = response;

console.log(datafailname); // 输出: value

在上述示例中,通过对象解构赋值将 response 对象中的 ‘data-failname’ 属性值赋给了 datafailname变量。

这两种方式都可以处理后台返回的参数名中包含连字符的情况。请注意,在使用方括号表示法时,属性名需要用引号括起来;而在对象解构赋值时,需要将属性名放在引号中,并将其赋值给对应的变量。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值