原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
第3章微信小程序概述任务3.10随机数求和
课时内容
随机数求和课时1
教学目标
掌握JavaScript中的Array和Number对象中的相关函数
教学重点
JavaScript中的Array和Number对象中的相关函数
教学难点
JavaScript中的Array和Number对象中的相关函数
教学设计
.教学思路：通过实训任务随机数求和的制作来让学生掌握JavaScript中的Array和Number对象中的相关函数。
.教学手段：多媒体+计算机
.教学资料：教材、多媒体课件
教学内容
一、任务描述
设计一个小程序，运行后产生组100以内的五个随机数，要求保留2位小数，显示出这随机产生五个数的和；当点击“求随机数的和”按钮时，首先产生一组新的五个随机数，并计算显示出这组随机数的和。
二、导入知识点
本任务用到了JavaScript中的Array和Number对象中的相关函数。JavaScript中的对象包括：字符串、数字、数组、日期，等等。对象是拥有属性和方法的数据，属性是静态数据，方法是能够在对象上执行的动作，即动态数据。
l.JavaScript中的Array对象
用于在单个的变量中存储多个值，其常用属性和方法如表3.6所示。
表3.6Array对象常用属性和方法
属性和方法
说明
length
设置或返回数组中元素的数目
concat()
连接两个或更多的数组，并返回结果
join()
把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔
POP()
删除并返回数组的最后一个元素
push()
向数组的末尾添加一个或更多元素，并返回新的长度
reverse()
反向倒序数组中的元素
shift()
删除并返回数组的第?个元素
slice()
从某个已有的数组返回选定的元素
sort()
对数组的元素进行排序
splice()
删除元素，并向数组添加新元素
toSource()
返回该对象的源代码
toStringf)
把数组转换为字符串，并返回结果
toLocaleString()
把数组转换为本地数组，并返回结果
unshift()
向数组的开头添加一个或更多元素，并返回新的长度
valueOf()
返回数组对象的原始值
2JavaScript中的Number对象
该对象是原始数值的包装对象，其常用属性和方法如表3.7所示。
表3.7Number对象常用属性和方法3.本此任务使用了以下知识点：
属性和方法
说明
MAX_VALUE
可表示的最大的数
MIN_VALUE
可表示的最小的数
NaN
非数字值
NEGATIVEJNFINITY
负无穷大，溢出时返回该值
POSITIVEJNFINITY
正无穷大，溢出时返回该值
toString()
把数字转换为字符串，使用指定的基数
toLocaleString()
把数字转换为字符串，使用本地数字格式顺序
toFixed()
把数字转换为字符串，结果的小数点后有指定位数的数字
toExponential()
把对象的值转换为指数计数法
toPrecision()
把数字格式化为指定的长度
valueOf()
返回一个Number对象的基本数字值
(1)JavaScript代码中使用语句varr=(Math.random()*100).toFixed⑵*1产生一个随机数后乘1,并使用函数toFixed⑵将产生的随机数保留小数点后2位。
(2)JavaScript代码中Array对象函数的使用方法，并能产生5个随机数。
(3)JavaScript代码中的Number对象函数的使用方法。
三,实现效果
根据任务描述可以做出如图3.16所示的效果。初始界面如图(a)所示，点击“产生新的随机数”按钮后，将产生一列新的随机数，并对这些随机数进行求和，如图(b)和图(c)所示。
WeCharr10^595%■1023
1023
Webcin
1023WebcinWebcin???Q五个随机数求和随机产生的五个数分别为：99.8245.624.0721.341.51五个随机数的和为：192.33999999999997五个随机数求和随机产生的五个数分别为：27.1379.1867.97
1023
Webcin
Webcin???Q
五个随机数求和
随机产生的五个数分别为：99.82
45.6
24.07
21.34
1.51
五个随机数的和为：
192.33999999999997
五个随机数求和
随机产生的五个数分别为：
27.13
79.18
67.97
81.62
53.47
五个随机数的和为：309.37
五个随机数求和
随机产生的五个数分别为：
14.51
39.48
79.57
19.56
11.13
文档评论（0）