Web 前端开发案例与实战单元8 JavaScript对象.pdfVIP

单元8JavaScript对象

知识入门

循序渐进

8.1定义对象

8.2数组对象

8.3字符串对象

8.4Math对象

8.5Date对象

知识拓展

知识入门

1.生活中的对象

2.JavaScript语言中的对象

3.字面量

4.const关键字

5.内部对象

循序渐进

8.1定义对象

8.2数组对象

8.3字符串对象

8.4Math对象

8.5Date对象

8.1定义对象

8.1.1字面量定义对象

8.1.2new关键字定义对象

8.1.3对象构造器定义对象

8.1.4访问对象的属性和方法

8.1.1字面量定义对象

var对象名={属性1:值,属性2:值,……,属性n:值}

8.1.2new关键字定义对象

声明对象

var对象名=newObject();

初始化对象

对象名.属性=值;

对象名.方法名=funcion函数名(){};

对象名.方法名=funcion(){};

对象名.方法名=函数名;

通过点（.）运算符可以为创建的对象添加具体的属

性和方法。

8.1.3对象构造器定义对象

定义一个构造器函数会使用到this关键字

functionPerson(参数列表){

this.属性=值;

this.方法=值;

}

8.1.4访问对象的属性和方法

对象访问属性

对象名.属性名;

对象访问方法

对象名.方法名();

【任务8-1】创建构造器函数并定义

和调用属性和方法

【任务描述】

（1）创建构造器函数并定义对象。

（2）使用对象调用构造器函数的属性和方法。

8.2数组对象

8.2.1定义数组数组

8.2.2访问数组元素

8.2.3数组对象的属性和方法

8.2.4二维数组

8.2.1定义数组数组

定义数组变量

var数组名=[元素1,元素2,……,元素n];

定义数组对象

var数组对象名=newArray(属性:值,方法:值)

或

var数组对象名=newArray(元素1,元素2,……,元素n)

8.2.2访问数组元素

访问数组元素

数组名[下标];

修改数组中对应的元素值

数组名[下标]=值;

8.2.3数组对象的属性和方法

数组对象自带的属性如表所示。

属性功能

constructor返回创建Array对象原型的函数。

length设置或返回数组中元素的数量。

prototype允许您向数组添加属性和方法。

数组的常用方法如表所示

方法功能

includes()检查数组是否包含指定的元素。

indexOf()