在 JavaScript 中使用连字符访问对象属性
使用括号表示法访问带有连字符的对象属性，例如 obj['with-hyphen']。 有两种方法可以访问对象的属性 - 点表示法和括号表示法。 如果属性包含连字符、空格或特殊符号，则必须使用括号表示法。
const obj = {
'with-hyphen': 'value1',
'with space': 'value2',
'with.symbol': 'value3',
};
console.log(obj['with-hyphen']); // 👉️ "value1"
console.log(obj['with space']); // 👉️ "value2"
console.log(obj['with.symbol']); // 👉️ "value3"
我们使用括号表示法来访问包含连字符的对象属性。
访问对象属性的两种方式是：
- 点符号
- 括号符号
const obj = {
country: 'Chile',
};
console.log(obj.country); // 👉️ "Chile"
console.log(obj['country']); // 👉️ "Chile"
大多数开发人员通常使用点符号语法，除非键名包含空格、连字符、特殊符号或存储在变量中。
在任何这些场景中，我们都必须使用方括号 [] 表示法。
这是括号表示法的另一个常见用例——它们的键存储在一个变量中。
const obj = {
country: 'Chile',
};
const key = 'country';
console.log(obj[key]); // 👉️ "Chile"
如果我们要使用 obj.key 访问该属性，我们将访问一个名为 key 的属性。
通过在方括号之间传递变量，它得到评估并允许我们访问 country 属性。
相关文章
使用 CSS 和 JavaScript 制作文本闪烁
发布时间：2023/04/28 浏览次数：146 分类：CSS
-
本文提供了使用 CSS、JavaScript 和 jQuery 使文本闪烁的详细说明。
在 PHP 变量中存储 Div Id 并将其传递给 JavaScript
发布时间：2023/03/29 浏览次数：69 分类：PHP
-
本文教导将 div id 存储在 PHP 变量中并将其传递给 JavaScript 代码。
在 JavaScript 中从字符串中获取第一个字符
发布时间：2023/03/24 浏览次数：93 分类：JavaScript
-
在本文中，我们将看到如何使用 JavaScript 中的内置方法获取字符串的第一个字符。
在 JavaScript 中获取字符串的最后一个字符
发布时间：2023/03/24 浏览次数：141 分类：JavaScript
-
本教程展示了在 javascript 中获取字符串最后一个字符的方法
