我们首先从一个题目说起,故事背景是某班期末考试成绩出来了,要求你统计考试分数,并打印出来,要求格式为:

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之内置对象的练习相关推荐

  1. js内置对象【学习笔记】

    今天系统的学了一下javascript的内置对象.mark相关的知识点: 首先,什么是js的内置对象,它包括了些什么内容?(以下内容转自网上资源的整合) (W3shool JS手册地址:http:// ...

  2. 【转载】JAVAEE之内置对象和属性范围

    原文:JAVAEE之内置对象和属性范围 内置对象和属性范围 ​ 四种属性范围 ​ 九个内置对象 1.内置对象 如果说想要使用一个对象,必须new 出来,但是在我们的jsp操作中,发现我们使用过的out ...

  3. JS 内置对象 String对象

    JS内置对象   String对象:字符串对象,提供了对字符串进行操作的属性和方法.   Array对象:数组对象,提供了数组操作方面的属性和方法.   Date对象:日期时间对象,可以获取系统的日期 ...

  4. 前端:JS/23/JS内置对象(String对象,Array对象,Date对象,Boolean对象,Number对象,Math对象),实例:求圆的面积,求直角三角形

    JS内置对象 1,String对象 字符串对象,提供了对字符串进行操作的属性和方法 2,Array对象 数组对象,提供了数组操作方面的属性和方法 3,Date对象 日期时间对象,可以获取系统的日期时间 ...

  5. 4月5日--课堂笔记--JS内置对象

    JavaScript 4.5 一.    JS内置对象 1.数组Array a)创建语法1:var arr=new Array(参数); i.       没有参数:创建一个初始容量为0的数组 ii. ...

  6. window内置对象和js内置对象与方法

    window内置对象 一.navigator   代表着浏览器本身的信息: 代码名:navigator.appCodeName 浏览器语言:navigator.browserLanguage 操作系统 ...

  7. JS内置对象及其用法总结

    首先JS对象分为3种:自定义.内置.浏览器.今天就总结一下JS内置对象以及一些用法. 一.Math对象:不是一个构造函数,不需要new,直接调用即可. 1.Math.max(x,y);返回x,y的最大 ...

  8. JS内置对象操作方法整理

    JS对象操作方法整理 文章目录 JS对象操作方法整理 数组 ES5 ES6 字符串 String 日期 Date() 数字 Number 算数 Math 数组 ES5 concat() 连接两个或更多 ...

  9. js内置对象常用方法

    js内置对象常用方法 JS内置对象: ● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储.转化和表达 ● Array对象:提供一个 ...

最新文章

  1. Golang适合高并发场景的原因分析
  2. 字节流转化为文件流_JAVA IO分析一:File类、字节流、字符流、字节字符转换流...
  3. Linux-rmdir命令
  4. 撒花!《图解深度学习》已开源,16 章带你无障碍深度学习,高中生数学就 ok!
  5. AspNetCoreRateLimit - ASP.NET Core 速率限制中间件。
  6. 算法五——字符串匹配(中)
  7. opencv机器学习线性回归_Python机器学习之?线性回归入门(二)
  8. Jsp+Servlet+Mysql实现的火车票预定管理
  9. layer弹出层 iframe层去掉滚动条 content : [url , 'no']
  10. 前端几个常用简单的开发手册拿走不谢
  11. OSG仿真案例(5)——模型的平移、缩放、旋转
  12. 《信号与系统学习笔记》—信号与系统(二)
  13. 兄弟9020cdn提示更换粉盒_兄弟打印机提示更换墨粉盒怎么办
  14. cad填充密度怎么调整_CAD填充实例教程,CAD2018怎么修改填充图案的比例方法
  15. 国务院通过大数据发展行动纲要
  16. 滚动轴承的代号表示方法
  17. css样式,鼠标移动上去变成禁用、小手等样式。
  18. UVA1391/LA3713 Astronauts
  19. 数据科学 IPython 笔记本 四、Keras(下)
  20. 表示学习(特征学习)

热门文章

  1. matlab 谐波注入,一种基于谐波注入的新能源汽车永磁同步电机噪声控制方法与流程...
  2. 什么是老域名?选择老域名要注意什么?
  3. Android安卓应用程序窗口化
  4. 纳尼?本学期不必返校!这些国内高校已经官宣发布通知了,网友:度日如年,我想上学!...
  5. SQL中的几大语言分类
  6. 51单片机 Proteus仿真 6个按键的简易电子琴
  7. 微信发不了照片上微信打印机怎么办
  8. BugTags使用教程
  9. ButterKnife插件和Intent的骚操作
  10. 现在哪些渠道可以做免费引流?引流主要的平台有哪些?