开发过程中,有些时候后端返回给我们的参数命名有时不符合前端命名规范,如带有连字符(‘data-failname’),前端取值时编译器往往会报错导致我们无法正常取值——解决办法如下
- 使用方括号表示法:
在 JavaScript 中,如果对象的属性名包含特殊字符(如连字符),可以使用方括号表示法来访问该属性。例如,假设后台返回的参数名为 data-failname’,可以通过 obj[data-failname’'] 来访问该属性。
const response = {//后台返回的对象
'data-failname': 'value'//返回对象中不符合规范的参数名
};
console.log(response['data-failname']); // 输出: value
- 使用对象解构赋值:
如果需要将后台返回的参数名赋值给一个变量,可以使用对象解构赋值来获取包含连字符的属性。
const response = {
'data-failname': 'value'
};
const { 'data-failname': datafailname } = response;
console.log(datafailname); // 输出: value
在上述示例中,通过对象解构赋值将 response 对象中的 ‘data-failname’ 属性值赋给了 datafailname变量。
这两种方式都可以处理后台返回的参数名中包含连字符的情况。请注意,在使用方括号表示法时,属性名需要用引号括起来;而在对象解构赋值时,需要将属性名放在引号中,并将其赋值给对应的变量。