这样写,才可以让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
}

版权声明:本文为caroyal原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/caroyal/article/details/124086879