[myobj.key] [myobj[key]] [myobj["key"]] - Javascript

这是一个关于JavaScript中访问对象属性的介绍。

在JavaScript中，我们可以使用方括号传递对象属性名来访问对象的属性。有时我们想知道以下三种方式有何不同：

• myobj.key
• myobj[key]
• myobj["key"]

让我们逐一介绍这些方式以及它们的用途。

myobj.key

这是访问一个对象属性的一种简洁的方式，其中 key 是对象的属性名。这种方式非常适合于在编写代码时已知属性名的情况。

示例代码：

const myObj = {
  name: 'John',
  age: 18,
  address: 'New York'
};

console.log(myObj.name); // output: 'John'

在示例中，我们使用了 .name 来访问对象 myObj 的属性。因为 name 是对象属性的名称，所以使用这种方式更容易阅读和维护。

myobj[key]

这种方式允许我们动态地使用变量名来获取对象属性。例如，如果我们有一个变量 prop 包含着属性名字，那我们可以通过 myobj[prop] 来访问对应的属性。

示例代码：

const myObj = {
  name: 'John',
  age: 18,
  address: 'New York'
};

const propName = 'name';
console.log(myObj[propName]); // output: 'John'

在示例中，我们使用了一个变量 propName，它包含对象属性的名称，然后我们使用中括号 [] 来访问 myObj 中对应的属性。

myobj["key"]

与 myobj[key] 的方式类似，这种方式也允许我们使用一个字符串来访问对象属性。它可以处理更复杂的属性名，例如属性名中包含空格或者其他特殊字符，可以通过把属性名放在双引号中来访问。

示例代码：

const myObj = {
  'name with spaces': 'John',
  age: 18,
  address: 'New York'
};

console.log(myObj['name with spaces']); // output: 'John'

在示例中，我们使用了带有空格的属性名，所以我们使用中括号和双引号来访问 myObj 中的属性。

总结

以上三种访问对象属性的方式可以根据情况进行选择。使用 myobj.key 更简洁明了，但是当属性名是一个变量时就需要使用 myobj[key] 或 myobj["key"] 的方式来访问。如果属性名字带有一些特殊字符，也需要使用中括号和双引号的联合方式。

希望此文对你有帮助。