HTML5+CSS3+JavaScript Web前端开发实例教程课件 单元11 JavaScript 对象.pptxVIP

单元11JavaScript对象

【目录】11.1对象简介11.1.1访问对象的属性11.1.2访问对象的方法11.1.3创建JavaScript对象11.1.4创建对象实例11.1.5JavaScript类11.2Number对象11.2.1数字11.2.2精度11.2.3八进制和十六进制11.2.4Infinity11.2.5NaN11.3字符串对象11.3.1字符串长度11.3.2查找字符串11.3.3大小写转换11.3.4转为数组11.3.5特殊字符11.4日期对象11.4.1创建日期11.4.2获取日期11.4.3设置日期11.4.4日期比较11.5数组对象11.5.1创建数组11.5.2访问数组11.5.3数组属性和方法【商业实例】“仿写淘宝首页”项目——添加跳转链接任务一给分类模块添加跳转链接任务二给商品卡片添加跳转链接【综合实训】制作穿梭框功能组件【单元小结】目录

【学习导读】在生活中，每一个具体的事物都属于某一个类别，例如电视属于家电类别，床属于家具类别，外套属于衣服类别。在JavaScript的世界里，几乎所有的数据都可以用对象来表示，对象在JavaScript中扮演着非常重要的角色，它们被广泛用于存储和操作数据，以实现面向对象编程，以及构建复杂的数据结构和应用程序。对象是JavaScript中的核心概念，对于理解和应用JavaScript编程至关重要。本单元将详细介绍JavaScript对象的使用方法。学习导读

【学习目标】知识目标1．掌握JavaScript对象的访问方法。2．掌握JavaScript的字符串对象。3．掌握JavaScript的数组对象。能力目标1．能够独立创建普通对象。2．能够独立创建数组对象。3．能够独立创建日期对象。素质目标1．培养学生良好的编程能力。2．培养学生的分类能力。3．培养学生的信息收集能力。学习目标

思维导图

11.1对象简介JavaScript对象是一种具有属性和方法的复合数据类型，以键值对的形式组织和存储数据。对象是一种非常灵活的数据结构，可以用来表示和操作复杂的数据和逻辑关系。JavaScript对象由一组属性和方法组成。属性是对象的特征或数据，可以是基本数据类型（如字符串、数字、布尔值）、对象、函数等。每个属性都有唯一的键，通过键可以访问和操作属性的值。方法是对象的行为，是一种特殊类型的属性，同时也是一个函数。JavaScript提供了多个内置对象，比如字符串对象、日期对象、数组对象等。也可以自定义对象，并给对象添加属性和方法。

11.1对象简介11.1.1访问对象的属性可以通过在对象名称后面加上一个点，再加上属性的键来访问对象的属性。例如，使用person.name可以访问对象person的name属性的值。可以使用对象名称加方括号（方括号中包含属性的键）来访问对象的属性。例如，使用person[name]也可以访问对象person的name属性的值。无论是使用点表示法还是方括号表示法，属性的键都可以是一个字符串或一个变量。如果属性的键是一个变量，可以使用方括号表示法来动态地访问对象的属性。如果对象中不存在指定的属性，使用点表示法将返回undefined，而使用方括号表示法将返回undefined或抛出一个错误。1．点表示法2．方括号表示法

11.1对象简介11.1.2访问对象的方法可以通过在对象名称后面加上一个点，再加上方法的键来访问对象的方法并执行它。例如，使用person.sayHello()可以调用对象person的sayHello()方法。可以使用对象名称加方括号（方括号中包含方法的键）来访问对象的方法并执行它。例如，使用person[sayHello]()也可以调用对象person的sayHello()方法。无论是使用点表示法还是方括号表示法，方法的键都可以是一个字符串或一个变量。如果方法的键是一个变量，可以使用方括号表示法来动态地访问对象的方法。1．点表示法2．方括号表示法

11.1对象简介11.1.3创建JavaScript对象1．对象字面量使用对象字面量可直接创建对象，即使用一对花括号，在其中定义属性和方法。例如创建一个对象，对象包括姓名和年龄属性，代码如下所示。2．构造函数constperson={name:John,age:30};使用构造函数也可创建对象。可以自定义构造函数，然后使用new关键字来实例化一个对象。例如创建一个包含姓名和年龄属性的对象，代码如下所示。functionPerson(name,age){this.name=name;this.age=