JavaScript内置对象,Date String Array等,以及这些对象操作。

练习题:

某班的成绩出来了,现在老师要把班级的成绩打印出来。
效果图:
2014年5月9日 星期六--班级总分为: 班级平均分为:
格式要求:
1、显示打印的日期。 格式为类似“2014年03月21日 星期三” 的当前的时间。
2、计算出该班级的平均分(保留整数)。
同学成绩数据如下:
"小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"
任务
第一步:可通过javascript的日期对象来得到当前的日期。
提示:使用Date()日期对象,注意星期返回值为0-6,所以要转成文字"星期X"
第二步:一长窜的字符串不好弄,找规律后分割放到数组里更好操作哦。
第三步:分割字符串得到分数,然后求和取整。

代码实现:

<1>html部分

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>date.string</title>
<link rel="stylesheet" type="text/css" href="styles/001.css" />
</head>
<body>
<script src="styles/001.js"></script>
<div id="time"><input type="button" value="点击获取时间" onclick="sTime()"/></p></div>
<hr/>

<div id="scor">
<h3>学生成绩为:小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76</h3>
<input type="button" value="点击获取平均分" onclick="scppp()" />
<input type="text" id="texttt"/>
</div>

</body>
</html>

<2>css部分

*{margin:0;padding:0;}
body{
width:100%;

}
#time{
margin:auto;
height:50px;

}
#scor{

width:100%;
height:60px;
margin-top: 20px;
}

<3>js部分

1.第一种方法
//获取时间
function sTime()
{
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

var d = new Date();    //返回当前日期
var x=d.getFullYear(); //返回四位数年份
var y=d.getMonth();   //返回当前月份 0:一月
z=y+1;
s=d.getDate();          //返回日
var i=d.getDay();       //返回星期 0:星期日
document.getElementById("time").innerHTML=x+"年"+z+"月"+s+"日"+weekday[i];
}

//学生成绩
function scppp(){
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var sco1=new Array();
var j=0;
sco1=scoreStr.split(":"); //以“:”为分隔分隔这和字符串,分割后的数组元素存入到sco1数组中
for(i=1;i<=sco1.length-1;i++) //由于sco1【0】没有数字 故从1开始计数  由于本意是想要排除没有数字的sco【0】(小明),但这不太符合编程的计数习惯,那么我们可以利用if语句来进行判断,for(i=1;i<=sco1.length-1;i++)   if(parseInt(sco【i】=!NaN))再进行加和
{

s=parseInt(sco1[i]);  //利用parseInt提取数组元素中的数字
j=j+s;

}
document.getElementById("texttt").value=parseInt(j/(sco1.length-1));

}

2.第二种方法

var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

var myarr = scoreStr.split(";");//第一次字符串分割

var num = 0; var str;

for(var i=0;i<myarr.length;i++){

str=myarr[i];//取出数组的所有元素,每个元素其实又是一个字符串     一维数组

myarr[i] = new Array();//然后每个元素的字符串再进行分割

myarr[i] = str.split(":"); //分割方式,第二次字符串分割,      形成二维数组

num =num + parseInt(myarr[i][1]); //二维数组    }

document.write(num);  //从数组中将成绩撮出来,然后求和取整,并输出。

时间: 2024-10-21 07:40:52

JavaScript内置对象,Date String Array等,以及这些对象操作。的相关文章

练习:不使用JavaScript内置的parseInt()函数,利用map和reduce操作实现一个string2int()函数

本练习来自廖雪峰JS教程.答案自写. 函数功能描述如下:把一个字符串13579先变成Array--[1, 3, 5, 7, 9],再利用reduce()就可以写出一个把字符串转换为Number的函数. 函数代码如下: 'use strict'; function string2int(s) { var arr = []; // 将字符串转化为数组,但此方法得到的数组的每一个元素仍是字符串 for(var i = 0; i < s.length; ++i) { arr[i] = s[i]; } /

javascript 内置对象及常见API

javascript 内置对象及常见API 2012-09-02 15:17 571人阅读 评论(0) 收藏 举报 javascript正则表达式文档浏览器urlstring Javascript内置对象学习 全局属性 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值 decodeURI() 对encodeURI()转义的字符串解码. decodeURIComponent() 对encodeURIComponent()转义的字符串解码. encodeURI(

JavaScript进阶 - 第7章 JavaScript内置对象

第7章 JavaScript内置对象 7-1 什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法:能够在对象上执行的动作.例如,表单的“提交”(Submit),时间的“获取”(getYear)等: JavaScript 提供多个内建对象,比如 String.Date.Array 等等,使用对象前先定义,如下使用数组对象:   var objectNa

document和javaScript内置对象

1.Document 属性: referrer //返回载入当前文档的URL URL //返回当前文档的URL 方法: getElementById(); //根据id获取html元素对象 getElementsByName(); //根据name获取html元素对象数组 getElementsByTagName(); //根据标签名获取html元素对象数组 2.javaScript内置对象 Math ceil(); //向上取整 floor(); //向下取整 random(); //0~1的

javascript内置对象一:String

<script>    //string.split("-"),以字符"-"把string拆分成一个数组.返回一个数组    //array.join("-"),以字符"-"把数组array链接成一个字符串.    var str="welcome-to-school";    console.log(str.split("-"));//Array(3) [ "we

JavaScript系列三:JavaScript内置对象

1.什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法:能够在对象上执行的动作.例如,表单的"提交"(Submit),时间的"获取"(getYear)等: JavaScript 提供多个内建对象,比如 String.Date.Array 等等,使用对象前先定义,如下使用数组对象: 访问对象属性的语法: objectNam

javascript内置对象(BOM)及事件

BOM 浏览器对象模型,该对象模型提供了独立于内容的,与浏览器窗口进行交互的对象 该对象提供了以下操作: histroty对象 当前窗口的浏览历史 location对象  当前文档的URL screen对象   客户端显示屏幕信息 Navigator  用户所使用的浏览器信息 location.href = 'url';//url跳转 history子对象:(操作浏览历史) 无刷新返回上一页: history.back(); 1 <a href="?page=5">第5页&

JavaScript 内置对象解读

林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 摘要:JavaScript 是面向对象的编程语言 (OOP).OOP 语言使我们有能力自定义对象和变量类型.(事实上,只是基于对象的,并不完全具备面向对象的语言的三大特性[封装.继承.多态]).在高级 JavaScript 的部分会讲解如何创建自己的对象.现在,我们开始学习内建的 JavaScript 对象,以及如何使用它们.对象只是一种特殊的数据.对象 拥有属性和方法. 一.String(

【JavaScript学习】-JavaScript内置对象1-对象概述

对象(object): JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和 方法.JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象的属性: 反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法: 能够在对象上执行的动作.例如,表单的“提交”(Submit),时间的“获取”(getYear)等: 对象定义: 使用对象前要先定义,如下使用数组对象: 1 var objectName=new