JavaScript对象

2024-10-07 30

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

  • 广告合作

  • QQ群号:707632017

温馨提示:
1、本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。邮箱:2942802716#qq.com(#改为@)。 2、本站原创内容未经允许不得转裁,转载请注明出处“站长百科”和原文地址。
JavaScript
上一篇: JavaScript数组