数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究什么是 JavaScript 中的复合数据类型，即对象？
当数据类型表示单个变量声明下的多个相同或不同数据时，它被称为复合数据类型，即一个包含多个值组合在一起的数据类型。主要有三种类型的复合数据类型，如下所示：
对象
数组
函数
在本文中，我们将讨论第一种复合数据类型，即对象。
对象
对象是属性的集合，即对象可以以键值对的形式存储任何事物的属性。JavaScript 中的对象具有键，每个键都有其自己的值，如示例所示
let person={firstname:"Prince", lastname:"Varshney", age:23, haircolour:"Black"};当我们希望为单个变量存储多个值时，就会使用对象，例如在上面的示例中，我们将一个人的名字、姓氏、年龄和发色存储在一个名为“person”的单个变量中。对象的属性可以是任何数据类型，即可以是字符串、数字、布尔值，也可以是数组。由于具有任何数据类型的特殊性，对象在处理大量数据时非常有用。我们可以使用对象存储一批学生的全部数据、一个社区的人口或一个国家的人口。
示例
您可以尝试运行以下代码来学习如何在 JavaScript 中声明对象
<html>
<head>
<title>Javascript objects</title>
</head>
<body>
<script>
let person={firstname:"Shivi", lastname:"Singh", age:23, haircolour:"Black"};
for (i in person){
document.write(i + ": " + person[i] + "<br />");
}
</script>
</body>
</html>输出
这将产生以下结果 -
firstname: Shivi lastname: Singh age: 23 haircolour: Black
使用“new”关键字创建对象
我们还可以创建一个空的 JavaScript 对象，并在稍后向对象中添加属性。要创建一个空对象，我们必须使用“new”关键字，如下所示：
示例
<html>
<head>
<title>Javascript objects</title>
</head>
<body>
<script>
let person=new Object();
person.firstname="Shivi";
person.lastname="Singh";
person.age=23;
person.haircolour="Black";
for (i in person){
document.write(i + ": " + person[i] + "<br />");
}
</script>
</body>
</html>输出
这将产生以下结果 -
firstname: Shivi lastname: Singh age: 23 haircolour: Black
访问对象值
可以获取对象的每个值，以便在代码中需要时进一步使用它们。可以通过两种方法访问对象值：
1. 使用点 (.) 运算符
我们可以使用点 (.) 运算符访问对象值，如下面的示例所示：
示例
<html>
<head>
<title>Javascript objects</title>
</head>
<body>
<script>
let person={firstname:"Prince", lastname:"Varshney", age:23, haircolour:"Black"};
document.write(person.firstname);
document.write("<br>");
document.write(person.age);
</script>
</body>
</html>输出
上面示例的输出如下：
Prince 23
2. 使用方括号
我们还可以使用方括号 [] 访问对象值，如下面的示例所示：
示例
<html>
<head>
<title>Javascript objects</title>
</head>
<body>
<script>
let person={firstname:"Prince", lastname:"Varshney", age:23, haircolour:"Black"};
document.write(person["firstname"]);
document.write("<br>");
document.write(person["age"]);
</script>
</body>
</html>输出
上面示例的输出如下：
Prince 23
更新于： 2022年4月20日
2K+ 次查看
广告