如何在JavaScript/React中使用含连字符的API数据键？

遇到对象键包含连字符这类特殊字符时，没法直接用点语法调用，改用方括号语法就能解决。

比如你原来的代码：

data.sprites.official-artwork.front_defaul

这里official-artwork里的连字符会被JavaScript当成减号解析，直接报错。

正确写法有两种：

• 仅对带特殊字符的键使用方括号：

  data.sprites['official-artwork'].front_default
  

• 全部使用方括号（适合多个键都带特殊字符的场景）：

  data['sprites']['official-artwork']['front_default']
  

核心逻辑很简单：用方括号包裹带引号的键名字符串，不管键里有什么特殊字符，都能正常访问对应的值。

内容的提问来源于stack exchange，提问作者Pedro de Andrade