什么是 JavaScript 中的复合数据类型,即对象?
javascriptweb developmentfront end technology更新于 2024/8/7 9:04:00
当一个数据类型在单个变量声明下表示多个相似或不同的数据时,即具有多个值组合在一起的数据类型,则该数据类型称为复合数据类型。主要有三种复合数据类型,如下所示 −
对象
数组
函数
在本文中,我们将讨论第一种复合数据类型,即对象。
对象
对象是属性的集合,即对象可以将任何内容的属性存储在键值对中。 javascript 中的对象有键,每个键都有自己的值,如示例中所示
let person={firstname:"Prince", lastname:"Varshney", age:23, haircolour:"Black"};
每当我们想要为单个变量存储多个值时,就会使用对象,如上例中,我们将一个人的名字、姓氏、年龄和头发颜色存储在名为"person"的单个变量中。对象的属性可以是任何数据类型,即它可以是字符串、数字、布尔值,也可以是数组。由于具有任何数据类型的数据的特殊性,对象在处理大量数据时非常有用。我们可以用一个对象来存储一批学生、一个社会群体或一个国家群体的全部数据。
示例
你可以尝试运行以下代码来学习如何在 JavaScript 中声明对象
let person={firstname:"Shivi", lastname:"Singh", age:23, haircolour:"Black"};
for (i in person){
document.write(i + ": " + person[i] + "
");
}
输出
这将产生以下结果 -
firstname: Shivi
lastname: Singh
age: 23
haircolour: Black
使用 ‘new’ 关键字创建对象
我们还可以创建一个空的 JavaScript 对象,稍后再在该对象中添加属性。要创建一个空对象,我们必须使用 “new” 关键字,如下所示 −
示例
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] + "
");
}
输出
这将产生以下结果 -
firstname: Shivi
lastname: Singh
age: 23
haircolour: Black
访问对象值
可以获取对象的每个值,以便我们在代码中需要它们时可以进一步使用它们。可以通过 2 种方法访问对象值 −
1. 使用点 (.) 运算符
我们可以使用点 (.) 运算符访问对象值,如以下示例所示−
示例
let person={firstname:"Prince", lastname:"Varshney", age:23, haircolour:"Black"};
document.write(person.firstname);
document.write("
");
document.write(person.age);
输出
上述示例的输出如下所示 −
Prince
23
2. 使用方括号
我们还可以使用方括号 [] 访问对象值,如下例所示 −
示例
let person={firstname:"Prince", lastname:"Varshney", age:23, haircolour:"Black"};
document.write(person["firstname"]);
document.write("
");
document.write(person["age"]);
输出
上述示例的输出如下 -
Prince
23
相关文章
如何使用 JavaScript 查找三角形的面积?
如何使用原生 JavaScript 查找 div 的宽度?
如何查找所有元素是否包含相同的类?
如何使用 JavaScript 找到图像的平均颜色?
如何在 JavaScript 中查找 HTML 元素的位置?
如何在 JavaScript 中过滤嵌套对象?
如何在 JavaScript 中根据字段值过滤对象?
如何使用 object() 构造函数创建 JavaScript 对象?
如何使用 JavaScript 将消息打印到错误控制台?
如何打印 JavaScript 对象的内容?
打印
下一节 ❯❮ 上一节