JavaScript 程序设计 课件 第9章-JavaScript常用对象

第9章JavaScript常用对象简约风格｜程序设计主题｜课堂教学版本章学习地图内置对象概述String对象Date对象Math对象定时器课程重点掌握String、Date、Math和定时器常用方法。能处理字符串、日期时间和随机数。能制作时钟、倒计时等小程序。课堂推进建议1概念导入2语法讲解3示例演示4随堂练习JavaScript程序设计｜授课PPT1第9章学习目标与知识结构JavaScript程序设计｜授课PPT2学习目标认识常用内置对象及其作用。掌握String对象常见字符串处理方法。掌握Date对象获取日期和时间。掌握Math对象取整、随机数等方法。会使用定时器实现周期执行。本章内容结构1对象与内置对象2String属性与方法3字符串截取与替换4Date对象5Math对象6随机数7setInterval定时器第9章为什么学习常用对象JavaScript程序设计｜授课PPT3JavaScript不仅有语法，还提供了大量现成对象和方法。使用内置对象可以减少重复造轮子，提高开发效率。常用对象包括String、Date、Math、Array等。本章重点解决文本处理、时间处理、数学计算和定时执行。学习策略先知道对象能做什么。再记住常用方法。最后通过案例串联使用。第9章String对象概览JavaScript程序设计｜授课PPT4字符串既可以作为基本类型使用，也可以调用String对象的方法。length属性可获取字符串长度。charAt(index)可获取指定位置字符。substring()、replace()、split()、concat()等方法常用于文本处理。注意字符串索引也从0开始。多数String方法返回新字符串，不修改原字符串。第9章String常用方法示例JavaScript程序设计｜授课PPT5讲解要点length获取长度。charAt()按索引取字符。replace()替换文本。split()把字符串拆分为数组。JavaScript示例letstr="HelloJavaScript";console.log(str.length);console.log(str.charAt(0));console.log(str.replace("Hello","Hi"));lettext="red,green,blue";letarr=text.split(",");console.log(arr);第9章Date对象JavaScript程序设计｜授课PPT6Date对象用于处理日期和时间。newDate()可以创建表示当前时间的日期对象。getFullYear()获取完整年份。getMonth()获取月份，但结果从0开始，所以通常要加1。getDate()、getDay()、getHours()、getMinutes()、getSeconds()可获取日期时间各部分。易错点getMonth()返回0~11。显示实际月份时要+1。第9章获取当前日期和时间JavaScript程序设计｜授课PPT7讲解要点创建Date对象。分别读取年、月、日、时、分、秒。拼接成常见显示格式。JavaScript示例letnow=newDate();letyear=now.getFullYear();letmonth=now.getMonth()+1;letdate=now.getDate();leth=now.getHours();letm=now.getMinutes();lets=now.getSeconds();console.log(year+"-"+month+"-"+date);console.log(h+":"+m+":"+s);第9章Math对象JavaScript程序设计｜授课PPT8Math对象提供数学计算相关方法和常量。Math.abs()返回绝对值。Math.floor()向下取整，Math.ceil()向上取整。Math.round()四舍五入取整。Math.random()生成[0,1)范围内的随机小数。常用公式1~10随机整数：Math.floor(Math.random()*10)+1第9章随机数与取整JavaScript程序设计｜授课PPT9讲解要点随机数常用于抽奖、游戏、测试数据。生成指定范围随机整数需要缩放、取整、平移。公式：Math.floor(Math.random()*个数)+起始值。JavaScript示例console.log(Math.floor(5.9));//5console.log(Math.ceil(5.1));//6console.log(Math.round(5.5));//6//生成1~100之间的随机整数letn=Math.floor(Math.random()*100)+1;console.log(n);第9章定时器JavaScript程序设计｜授课PPT10setInterval()可以按固定时间间隔重复执行函数。clearInterval()可以停止已经创建的定时器。定时器常用于时钟、倒计时、动画、周期刷新等场景。时间间隔单位是毫秒，1000毫秒等于1秒。语法letid=setInterval(fn,1000);clearInterval(id);第9章示例：每秒输出当前时间JavaScript程序设计｜授课PPT11讲解要点将输出当前时间封装成函数。使用setInterval每隔1秒调用一次。可扩展为网页时钟或倒计时。JavaScript示例functionrender(){letnow=newDate();console.log(now.toLocaleTimeString());}lettimer=setInterval(render,1000);//需要停止时：//clearInterval(timer);第9章课堂练习JavaScript程序设计｜授课PPT12随堂练习/课后作业建议1输出-10、25、-3.14的绝对值。2观察Math.floor、Math.ceil、Math.round的不同结果。3生成一个1~10之间的随机整数。4输出当前年月日。5使用setInterval每秒输出一次当前时间。6编写10秒倒计时程序。第9章本章小结JavaScript程