在处理 JSON 数据时，我们有时会遇到一个问题：无法访问带有“-”破折号的 JSON 属性。这是因为 JavaScript 中的对象属性名不能包含破折号，而 JSON 数据中是允许的。
破折号引发的问题
考虑以下 JSON 数据：
{
"name": "Tom",
"email-address": "tom@example.com"
}如果我们使用 JavaScript 访问 email-address 属性，代码可能如下所示：
const data = {
"name": "Tom",
"email-address": "tom@example.com"
};
const email = data.email-address; // SyntaxError: Unexpected token '-'但是，当我们尝试这样做时，会得到语法错误，因为 JavaScript 引擎认为 - 是减号运算符，而不是属性名的一部分。
解决方法
要解决这个问题，我们可以使用两种方法之一。
方法一：使用方括号表示法
第一种方法是使用方括号表示法来访问属性。在方括号中，你可以使用字符串作为属性名，这样就可以访问带有破折号的属性了。
const data = {
"name": "Tom",
"email-address": "tom@example.com"
};
const email = data['email-address'];
console.log(email); // "tom@example.com"方法二：转换为驼峰命名法
第二种方法是将属性名称转换为驼峰命名法。在这种情况下，我们可以使用 replace 函数来替换破折号，并将下一个字符转换为大写字母。
const data = {
"name": "Tom",
"email-address": "tom@example.com"
};
const email = data.emailAddress;
console.log(email); // "tom@example.com"深入探究
虽然第一种方法很容易理解和实现，但它有一个缺点：访问带破折号的属性需要使用方括号表示法，这可能会让代码看起来有些混乱。
相比之下，第二种方法更加优雅，在 JavaScript 社区中更为普遍。事实上，许多开发人员喜欢在编写 JSON 数据时采用驼峰命名法，因此他们可以直接在代码中使用点表示法来访问属性。
总结
无法访问带有“-”破折号的 JSON 属性可能是前端开发中的一个小问题，但了解两种解决方法可以让我们更加熟练地处理 JSON 数据。在将 JSON 数据与 JavaScript 对象集成时，我们应该尽量采用统一的命名约定，以便代码可读性更高，并且能够更容易地维护和扩展。
示例代码：
{
"name": "Tom",
"email-address": "tom@example.com"
}-- -------------------- ---- ------- ----- ---- - - ------- ------ ---------------- ----------------- -- -- ------------ ----- ------ - ---------------------- -------------------- -- ----------------- -- ------------ ----- ------ - ------------------ -------------------- -- -----------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11672
