JavaScript对象是包含多个数据值的变量。对象中的值称为属性。对象使用键来命名值,这与变量的命名方式类似。JavaScript 对象最容易通过现实世界中的物体来理解。以汽车为例,汽车有各种形状和大小——不同的颜色、不同的品牌和型号、不同的重量等等。每辆车都有这些属性,但每辆车的具体值却不同。比如,一辆红色的福特福克斯和一辆蓝色的本田思域都是“汽车”,但它们的品牌、型号和颜色却各不相同。
一、JavaScript对象示例
让我们来看一个具体的例子,假设你有一门课程要上。课程名称是 “GRA 2032”,它的开始时间是早上 8:00,结束时间是上午 10:00。我们可以将其转换为一个 JavaScript 对象,如下所示:
示例:
var course = {
name: "GRA 2032",
start: 8,
end: 10
};
在 JavaScript 对象中,属性值以 “name:value” 的格式书写,属性对之间用逗号分隔。”name:value” 对并不一定需要在不同的行上书写,但为了便于阅读和理解代码,通常将其格式化为多行。定义对象时,你必须使用开闭花括号 “{ }”。
二、JavaScript访问对象属性
1、点表示法
有两种方法可以访问对象属性的值。第一种是使用点表示法,通过在属性名称后加点来访问:”objectName.propertyName”,如以下示例所示:
示例:
var course = {
name: "GRA 2032",
start: 8,
end: 10
};
course.name;
输出:
"GRA 2032"
2、方括号表示法
第二种方法是使用方括号表示法,在方括号中用字符串的形式写出属性名称:”objectName[“propertyName”]”,如下所示:
示例:
var course = {
name: "GRA 2032",
start: 8,
end: 10
};
course["name"];
输出:
"GRA 2032"
三、JavaScript修改属性值
1、点表示法
要更改现有 JavaScript 对象的属性值,可以使用与访问属性值非常相似的方法。你可以使用点表示法:
示例:
var character = {
name: "Donna",
hair: "red"
};
character.hair = "blonde";
character;
输出:
{
"name": "Donna",
"hair": "blonde"
}
2、方括号表示法
或者使用方括号表示法:
示例:
var character = {
name: "Donna",
hair: "red"
};
character["hair"] = "blonde";
character;
输出:
{
"name": "Donna",
"hair": "blonde"
}
四、JavaScript方法
对象还可以包含函数,这些函数称为方法。当一个函数作为 JavaScript 对象的属性存储时,它就被称为方法。例如,如果你有一个 “person” 对象,其属性包含 “firstName” 和 “lastName”,而你想要一个“fullName”属性,你可以创建一个方法,将名字和姓氏连接在一起,并返回完整的名字。以下是一个示例:
示例
var person= {
firstName: "Jack",
lastName: "Smith",
fullName: function () {
return this.firstName + " " + this.lastName;
}
};
person.fullName();
输出:
"Jack Smith"
访问方法与访问其他属性的方式非常相似:”objectName.methodName()”,例如 “person.fullName()”。

