这样写,才可以让JS对象中的key包含短横杠-

本文介绍了在JavaScript中如何正确使用包含短横杠的字符串作为对象的键。直接使用会导致语法错误,正确的做法是将键包裹在单引号或双引号中。通过这种方式定义的对象属性,需要用方括号[]来访问,而不是点.操作符。同时,文章强调了不能使用模板字符串作为对象键,并给出了示例代码进行说明。

这样写,才可以让JS对象中的key包含短横杠-


在定义对象时,如果直接将包含短横杠-的字符串作为对象的key,JS会报错:

const o = {
  v-red: 1  // 报错 SyntaxError: Unexpected token
}

正确的写法是:将包含短横杠的字符串包裹在字符串字面量单引号‘’、双引号“”中:

const o = {
  'v-red': 1,
  "v-blue": 2
}
console.log(o['v-red'])  // 返回 1
console.log(o['v-blue']) // 返回 2

注意:不能用点.来获取用字符串字面量声明的属性,而是要用[‘’]:

console.log(o.v-red)  // 报错 red is not defined

注意:不能用模板字符串作为对象的key:

const o = {
  `v-red`: 1  // 报错 SyntaxError: Unexpected token
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值