JavaScript 对象
提示
- JavaScript对象的定义:JavaScript对象是一种非原始数据类型,允许你存储多个数据集合,例如字符串和数字。
- 对象的声明和属性:JavaScript对象通过键值对声明,其中键是属性名,值可以是数据或函数。对象的属性可以通过点符号或方括号来访问。
- 嵌套对象和对象方法:JavaScript对象可以包含其他对象(嵌套对象),也可以包含作为属性值的函数(称为方法)。
在 JavaScript 数据类型 教程中,你学习了7种不同的原始数据类型。在这里,你将学习第八种数据类型——JavaScript对象。
JavaScript对象是一种非原始数据类型,它允许你存储多个数据集合。
注意:如果你熟悉其他编程语言,JavaScript对象有些不同。你不需要创建类就可以创建对象。
这是一个JavaScript对象的示例。
// 对象
const student = {
firstName: "ram",
class: 10,
};
这里,student
是一个存储字符串和数字等值的对象。
JavaScript对象声明
声明对象的语法是:
const object_name = {
key1: value1,
key2: value2,
};
这里,定义了一个对象object_name
。对象的每个成员都是用逗号分隔的键: 值对,并用花括号{}
括起来。
例如,
// 创建对象
const person = {
name: "John",
age: 20,
};
console.log(typeof person); // object
你也可以在单行中定义一个对象。
const person = { name: "John", age: 20 };
在上面的例子中,name
和age
是键,而John
和20
分别是它们的值 。
还有其他方法可以在JavaScript中声明对象。要了解更多,请访问 JavaScript对象的不同声明方式。
JavaScript对象属性
在JavaScript中,键: 值对被称为属性。例如,
let person = {
name: "John",
age: 20,
};
这里,name: 'John'
和age: 20
是属性。
访问对象属性
你可以使用键来访问属性的值。
1. 使用点符号
这是点符号的语法。
objectName.key;
例如,
const person = {
name: "John",
age: 20,
};
// 访问属性
console.log(person.name); // John
2. 使用方括号符号
这是方括号符号的语法。
objectName["propertyName"];
例如,
const person = {
name: "John",
age: 20,
};
// 访问属性
console.log(person["name"]); // John
JavaScript嵌套对象
一个对象也可以包含另一个对象。例如,
// 嵌套对象
const student = {
name: "John",
age: 20,
marks: {
science: 70,
math: 75,
},
};
// 访问student对象的属性
console.log(student.marks); // {science: 70, math: 75}
// 访问marks对象的属性
console.log(student.marks.science); // 70
在上面的例子中,一个对象student
在marks
属性中包含了一个对象值。
JavaScript对象方法
在JavaScript中,一个对象也可以包含一个函数。例如,
const person = {
name: "Sam",
age: 30,
// 使 用函数作为值
greet: function () {
console.log("hello");
},
};
person.greet(); // hello
这里,一个函数被用作greet键的值。这就是为什么我们需要使用person.greet()
而不是person.greet
来调用对象内部的函数。
JavaScript中的方法是包含函数声明的属性。在下一个教程中,你将详细了解 JavaScript方法。