js之内置对象的练习
我们首先从一个题目说起,故事背景是某班期末考试成绩出来了,要求你统计考试分数,并打印出来,要求格式为:
XXXX年XX月XX日 星期X--班级总分为:XX班级平均分为(保留整数):XX
成绩数据为:"小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"
ok,我们来分析一下题目要求,首先看到前面肯定要用到JS中的Date对象了,但这里是星期X,而getDay()返回的是数字,故就需要我们先写一个数组来做一个转化;如下所示:
var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
“--” :这里我们既可以用join()函数来拼接,但我们可以偷波懒,直接打印出来哈哈哈,然后总分和平均分我们可以用for循环来处理,但这里我们注意到成绩数据并不是常规的数字,而是带有姓名的字符串,那这就需要我们先对数据进行预处理了,那如何处理呢?我也想知道啊!!!,好了好了不闹了,我们注意到每个成绩后都有“;”那我们就可以用JS中的split()函数,对分号进行分割,这样就生成如图所示的数组:
生成数组后就好处理了,先定义一个sum为0,再用for循环把数组中每个成绩取出来进行求和,取平均即可,这里取出每个成绩当然有很多方法了, 我这里用了一个substr(3,2),因为每个成绩都是从第三个开始且长度为二,代码如下:
for (var i = 0; i < sourceArr.length; i ++) {sum += parseInt(sourceArr[i].substr(3,2)); }document.write("--班级总分为:" + sum);document.write(",班级平均分为(保留整数):" + Math.round(sum/sourceArr.length))
这样到这里,整个题目也就over了,附上完整代码:
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>let's do it</title><script type="text/javascript">var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];var date=new Date(); var b1=date.getFullYear() //2021var b2=date.getMonth() //11var b3=date.getDate() //26var b4=weekday[date.getDay()]document.write(b1+"年"+b2+"月"+b3+"日 "+b4)//成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦var sorceStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";var sourceArr = sorceStr.split(";");//从数组中将成绩撮出来,然后求和取整,并输出。var score = new Array();var sum = 0;for (var i = 0; i < sourceArr.length; i ++) {sum += parseInt(sourceArr[i].substr(3,2));}document.write("--班级总分为:" + sum);document.write(",班级平均分为(保留整数):" + Math.round(sum/sourceArr.length))
</script>
</head>
<body>
</body>
</html>
看完能厚脸皮要个赞不
js之内置对象的练习相关推荐
- js内置对象【学习笔记】
今天系统的学了一下javascript的内置对象.mark相关的知识点: 首先,什么是js的内置对象,它包括了些什么内容?(以下内容转自网上资源的整合) (W3shool JS手册地址:http:// ...
- 【转载】JAVAEE之内置对象和属性范围
原文:JAVAEE之内置对象和属性范围 内置对象和属性范围 四种属性范围 九个内置对象 1.内置对象 如果说想要使用一个对象,必须new 出来,但是在我们的jsp操作中,发现我们使用过的out ...
- JS 内置对象 String对象
JS内置对象 String对象:字符串对象,提供了对字符串进行操作的属性和方法. Array对象:数组对象,提供了数组操作方面的属性和方法. Date对象:日期时间对象,可以获取系统的日期 ...
- 前端:JS/23/JS内置对象(String对象,Array对象,Date对象,Boolean对象,Number对象,Math对象),实例:求圆的面积,求直角三角形
JS内置对象 1,String对象 字符串对象,提供了对字符串进行操作的属性和方法 2,Array对象 数组对象,提供了数组操作方面的属性和方法 3,Date对象 日期时间对象,可以获取系统的日期时间 ...
- 4月5日--课堂笔记--JS内置对象
JavaScript 4.5 一. JS内置对象 1.数组Array a)创建语法1:var arr=new Array(参数); i. 没有参数:创建一个初始容量为0的数组 ii. ...
- window内置对象和js内置对象与方法
window内置对象 一.navigator 代表着浏览器本身的信息: 代码名:navigator.appCodeName 浏览器语言:navigator.browserLanguage 操作系统 ...
- JS内置对象及其用法总结
首先JS对象分为3种:自定义.内置.浏览器.今天就总结一下JS内置对象以及一些用法. 一.Math对象:不是一个构造函数,不需要new,直接调用即可. 1.Math.max(x,y);返回x,y的最大 ...
- JS内置对象操作方法整理
JS对象操作方法整理 文章目录 JS对象操作方法整理 数组 ES5 ES6 字符串 String 日期 Date() 数字 Number 算数 Math 数组 ES5 concat() 连接两个或更多 ...
- js内置对象常用方法
js内置对象常用方法 JS内置对象: ● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储.转化和表达 ● Array对象:提供一个 ...
最新文章
- Golang适合高并发场景的原因分析
- 字节流转化为文件流_JAVA IO分析一:File类、字节流、字符流、字节字符转换流...
- Linux-rmdir命令
- 撒花!《图解深度学习》已开源,16 章带你无障碍深度学习,高中生数学就 ok!
- AspNetCoreRateLimit - ASP.NET Core 速率限制中间件。
- 算法五——字符串匹配(中)
- opencv机器学习线性回归_Python机器学习之?线性回归入门(二)
- Jsp+Servlet+Mysql实现的火车票预定管理
- layer弹出层 iframe层去掉滚动条 content : [url , 'no']
- 前端几个常用简单的开发手册拿走不谢
- OSG仿真案例(5)——模型的平移、缩放、旋转
- 《信号与系统学习笔记》—信号与系统(二)
- 兄弟9020cdn提示更换粉盒_兄弟打印机提示更换墨粉盒怎么办
- cad填充密度怎么调整_CAD填充实例教程,CAD2018怎么修改填充图案的比例方法
- 国务院通过大数据发展行动纲要
- 滚动轴承的代号表示方法
- css样式,鼠标移动上去变成禁用、小手等样式。
- UVA1391/LA3713 Astronauts
- 数据科学 IPython 笔记本 四、Keras(下)
- 表示学习(特征学习)