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()”。