JavaScript 对象的属性有多少种访问方式?

javascriptobject oriented programmingfront end technology更新于 2025/4/7 7:40:17

对象属性有两种访问方式。一种是 .property，另一种是 [property]。

语法-1

Object.property;

语法-2

Object["property"];

为了更好地理解，让我们看下面的例子。

在下面的例子中，一个名为 'person' 的对象已定义，并且其属性以点符号的形式访问。

示例

<html>
<body>
<script>
var person = {
   firstname:"Ram",
   lastname:"kumar",
   age:50,
   designation:"content developer"
};
document.write(person.firstname + " " + " is in a role of" + " " + person.designation);
</script>
</body>
</html>

输出

Ram 担任内容开发人员的角色

在下面的示例中，对象"person"的属性以 括号表示法访问。

示例

<html>
<body>
<script>
var person = {
   firstname:"Ram",
   lastname:"kumar",
   age:50,
   designation:"content developer"
};
document.write(person['firstname']+ " " + "is in a role of" + " " + person['designation']);
</script>
</body>
</html>