javascript中什么是对象的属性

142 阅读 0 评论 94 点赞

我是靠谱客的博主丰富咖啡，这篇文章主要介绍javascript中什么是对象的属性，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。

javascript中什么是对象的属性

属性是任何 JavaScript 对象最重要的部分。

属性指的是与 JavaScript 对象相关的值。

JavaScript 对象是无序属性的集合。

属性通常可以被修改、添加和删除，但是某些属性是只读的。

访问 JavaScript 属性

访问对象属性的语法是：

复制代码objectName.property           // person.age1
objectName.property           // person.age
登录后复制

或者：

复制代码objectName["property"]       // person["age"]1
objectName["property"]       // person["age"]
登录后复制

或者：

复制代码objectName[expression]       // x = "age"; person[x]1
objectName[expression]       // x = "age"; person[x]
登录后复制

表达式必须计算为属性名。

示例如下：

复制代码<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 对象属性</h1>
<p>访问对象属性有两种不同的方法：</p>
<p>您可以使用 .property 或 ["property"]。</p>
<p id="demo"></p>
<script>
var person = {
  firstname:"Bill",
  lastname:"Gates",
  age:62,
  eyecolor:"blue"
};
document.getElementById("demo").innerHTML = person.firstname + " is " + person.age + " years old.";
</script>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 对象属性</h1>
<p>访问对象属性有两种不同的方法：</p>
<p>您可以使用 .property 或 ["property"]。</p>
<p id="demo"></p>
<script>
var person = {
  firstname:"Bill",
  lastname:"Gates",
  age:62,
  eyecolor:"blue"
};
document.getElementById("demo").innerHTML = person.firstname + " is " + person.age + " years old.";
</script>
</body>
</html>
登录后复制