JavaScript进阶（六）

在以前的学习中已经使用字符串对象了，定义字符串的方法就是直接赋值。好比：
var mystr="I Love JavaScript!"
定义mystr字符串后，咱们就能够访问它的属性和方法。
访问字符串对象的属性length：
StringObject.length;返回该字符串的长度。
var mystr="Hello World!";
var myl=mystr.length;
以上代码执行后，myl的值就是12
访问字符串对象的方法：
使用String对象的toUpperCase()方法来将字符串小写字母转换成大写：
var mystr="Hello World!";
var mynum=mystr.toUpperCase();
以上代码执行后，mynum值是:HELLO WORLD!
charAt()方法可返回指定位置的字符。返回的字符是长度为1的字符串。
语法：
stringObject.charAt(index)
参数说明：
index 必需。表示字符串中某个位置的数字，即字符在字符串中的下标。
注意：1.字符串中第一个字符的下标是0.最后一个字符的下标为字符串长度减去一
(string.length-1)
2.若是参数index不在0与string.length-1之间，该方法将返回一个空字符串。
<script type="text/javascript">
var mystr="I love JavaScript!"
document.write(mystr.charAt(2));
</script>
注意：一个空格也算一个字符。
以上代码运行结果是：1
indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法：
stringObject.indexOf(substring,startpos)
参数说明：
参数 描述
substring 必需。规定需检索的字符串值
startpos 可选的整数参数。规定在字符串中开始检索的位置。它
的合法取值是0刀stringObject.length-1.如省略该参数
则将从字符串的首字符开始检索。
说明：1.该方法将从头至尾地检索字符串stringObject看它是否含有字符串substring
2.可选参数，从stringObject的startpos位置开始查找substring，若是没有此参数
将从stringObject的开始位置查找。
3.若是找到一个substring，则返回substring的第一次出现的位置。stringObject
中的字符位置是从0开始的。
注意：1.indexOf()方法区分大小写。
2.若是要检索的字符串值没有出现，则该方法返回-一、
例如：对"I love JavaScript"字符串内进行不一样的检索：
<script type="text/javascript">
var str="I love JavaScript!"
document.write(str.indexOf("I")+"<br />");
document.write(str.indexOf("v")+"<br />");
document.write(str.indexOf("v",8));
</script>]
以上代码的输出：
0 4 9
split()方法将字符串分割为字符串数组，并返回此数组。
语法：
stringObject.split(separator,limit)
参数说明:
参数 描述
separator 必需。从该参数指定的地方分割stringObject

limit 可选参数，分割的次数，如设置该参数，返回的子串不
会多于这个参数指定的数组，若是无此参数为不限制次数

注意：若是把空字符串("")用做separator，那么stringObject中的每一个字符之间都
会被分割。
咱们将按照不一样的方式来分割字符串：
使用指定符号分割字符串，以下：
var mystr="www.baidu.com";
document.write(mystr.split(".")+"<br>");
document.write(mystr.split(".",2)+"<br>");
运行结果：
www,baidu,com
www,baidu
将字符串分割为字符，代码以下：
document.write(mystr.split("")+"<br>");
document.write(mystr.split("",5));
运行结果：
w,w,w,.,b,a,i,d,u,.,c,o,m
w,w,w,.,b
substring()方法用于提取字符串中介于两个指定下标之间的字符。
语法：
stringObject.substring(startPos,stopPos)
参数说明：
参数 描述
startPos 必需。一个非负的整数，开始位置。
stopPos 可选。一个非负的整数，结束位置，若是省略该参数，
那么返回的子串会一直到字符串对象的结尾。
注意：
1.返回的内容是从start开始(包含start位置的字符)到stop-1处的全部字符，其长
度为stop减start
2.若是参数start与stop相等，那么该方法返回的就是一个空串(即长度为0的字符串)
3.若是start比stop大，那么该方法在提取子串以前会交换这两个参数。
使用substring()从字符串中提取字符串，代码以下：
<script type="text/javascript">
var mystr="I love JavaScript";
document.write(mystr.substring(7));
document.write(mystr.substring(2,6));
</script>
运行结果：
JavaScript
love
注意：这里下标依旧是从0开始！外国佬就是一群傻逼，就知道从0开始。每次搞的
我都怀疑人生。。。
substr()方法从字符串中提取从starPos位置开始的指定数目的字符串。
语法：
stringObject.substr(startPos,length)
参数说明：
参数 描述
startPos 必需。要提取的子串的起始位置。必需是数值、
length 可选。提取字符串的长度，若是省略，返回从stringObject
的开始位置startPos到stringObject的结尾的字符。
注意：若是参数startPos是负数，从字符串的为不开始算起的位置，也就是说，-1指
字符串中最后一个字符，-2指倒数第二个字符，以此类推。
若是starPos为负数且绝对值大于字符串长度，startPos为0.
使用substr()从字符串中提取一些字符，代码以下：
<script type="text/javascript">
var mystr="I love JavaScript!";
document.write(mystr.substr(7));
document.write(mystr.substr(2,4));
</script>
运行结果：
JavaScript!
love
Math对象提供对数据的数学计算。使用Math的属性和方法，代码以下:
<script type="text/javascript">
var mypi=Math.PI;
var myabs=Math.abs(-15);
document.write(mypi);
document.write(myabs);
</script>
运行结果：
3.141592653589793
15
注意：Math对象是一个固有的对象，无需建立它，直接把Math做为对象使用就能够
调用其全部属性和方法。这是它与Date，String对象的区别。
Math对象的属性：
属性 说明
E 返回算术常量e，即天然对数的底数（约等于2.718）
LN2 返回2的天然对数（约等于0.693）
LN10 返回10的天然对数（约等于2.302）
LOG2E 返回以2为底的e的对数（约等于1.442）
LOG10E 返回以10为底的e的对数（约等于0.434）
PI 返回圆周率（约等于3.14159）
SQRT1_2 返回|返回2的平方根的倒数（约等于0.707）
SQRT2 返回2的平方根（约等于1.414）
Math方法：
方法 描述
abs(x) 返回数的绝对值
acos(x) 返回数的反余弦值
asin(x) 返回数的反正弦值
atan(x) 返回数字的反正切值
atan2(y,x) 返回由x轴到点(x,y)的角度(以弧度为单位)
ceil(x) 对数进行上舍入
cos(x) 返回数的余弦
exp(x) 返回e的指数
floor(x) 对数进行下舍入
log(x) 返回数的天然对数(底数为e)
max(x,y) 返回x和y中的最高值
min(x,y) 返回x和y中的最低值
pow(x,y) 返回x和y次幂
random() 返回0~1之间的随机数
round(x) 把数四舍五入为最近接的整数
sin(x) 返回数的正弦
sqrt(x) 返回数的平方根
tan(x) 返回角的正切
toSource() 返回该对象的源代码
valueOf() 返回Math对象的原始值
ceil()方法可对一个数进行向上取整
语法：
Math.ceil(x)
参数说明：
参数 描述
x 必需。必须是一个数值。
注意：它返回的是大于或者等于x，而且与x最接近的整数。
咱们将ceil()方法运用到不一样的数字上，代码以下：
<script type="text/javascript">
document.write(Math.ceil(0.8)+"<br />")
document.write(Math.ceil(6.3)+"<br />")
document.write(Math.ceil(5)+"<br />")
document.write(Math.ceil(3.5)+"<br />")
document.write(Math.ceil(-5.1)+"<br />")
document.write(Math.ceil(-5.9))
</script>
运行结果：
1
7
5
4
-5
-5
注意！这里要看清楚！是向上取整！什么是向上！用点脑子！
向上取整是ceil()向下取整就是floor()。
语法：
Math.floor(x)
参数说明：
参数 描述
x 必需。必须是一个数值。
注意：返回的是小于或等于x，而且与x最接近的整数。
咱们将在不一样的数字上使用floor()方法，代码以下：
<script type="text/javascript">
document.write(Math.floor(0.8)+ "<br>")
document.write(Math.floor(6.3)+ "<br>")
document.write(Math.floor(5)+ "<br>")
document.write(Math.floor(3.5)+ "<br>")
document.write(Math.floor(-5.1)+ "<br>")
document.write(Math.floor(-5.9))
</script>
运行结果：
0
6
5
3
-6
-6
而后咱们来讲正常的四舍五入，就是round()
round()方法可把一个数字四舍五入为最接近的整数。
语法：
Math.round(x)
参数说明：
参数 描述
x 必需。必须是数字。
注意：
1.返回与x最接近的整数。
2.对于0.5，该方法将进行上舍入。(5.5将舍入为6)
3.若是x与两侧整数同等接近，则结果接近则结果接近 +∞方向的数字值。
(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6)
把不一样的数舍入为最接近的整数,代码以下：
<script type="text/javascript">
document.write(Math.round(1.6)+ "<br>");
document.write(Math.round(2.5)+ "<br>");
document.write(Math.round(0.49)+ "<br>");
document.write(Math.round(-6.4)+ "<br>");
document.write(Math.round(-6.6));
</script>
运行结果：
2
3
0
-6
-7
随机数random()方法可返回介于0~1(大于或等于0但小于1)之间的一个随机数
语法：
Math.random();
注意：返回一个大于或等于0但小于1的符号为正的数字值。
咱们取得介于0到1之间的一个随机数，代码以下：
<script type="text/javascript">
document.write(Math.random());
</script>
运行结果：
0.190305486195328
注意：由于这是随机数，因此每次运行结果不同，可是0~1的数值。
得到0~10之间的随机数，代码以下：
<script type="text/javascript">
document.write((Math.random())*10);
运行结果：8.72153625893887
注意：这里跟上面同样的，依旧是每次运行结果不同。
数组对象是一个对象的集合，里面的对象能够是不一样类型的。数组的每个成员对
象都有一个"下标"，用来表示它在数组中的位置，是从零开始的。
数组定义的方法：
1.定义了一个空数组：
var 数组名= new Array();
2.定义时指定有n个空元素的数组：
var 数组名= new Array(n);
3.定义数组的时候，直接初始化数据：
var 数组名=[<元素1>,<元素2>,<元素3>...];
咱们定义myArray数组，并赋值，代码以下：
var myArray=[2,8,6];
说明：定义了一个数组myArray，里面的元素是myArray[0]=2;myArray[1]=8;myarray[2]=6。
数组元素使用：
数组名[下标]=值；
注意：数组的下标用方括号括起来，从0开始。
数组属性：
length用法:<数组对象>length;返回:数组的长度，即数组里有多少个元素。它等于
数组里最后一个元素的下标加一。
数组方法：
方法 描述
concat() 链接两个或更多的数组，并返回结果
join() 把数组的全部元素放入一个字符串，元素经过指定的分隔符进行分隔
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素，并返回新的长度
reverse() 颠倒数组中元素的顺序
shift() 删除并返回数组的第一个元素
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素，并向数组添加新元素
toSource() 返回该对象的源代码
toString() 把数组转换为字符串，并返回结果
toLocaleString() 把数组转换为本地数组，并返回结果
unshift() 向数组的开头添加一个或多个元素，并返回新的长度
valueOf() 返回数组对象的原始值
先说说数组链接concat()
concat()方法用于链接两个或多个数组。此方法返回一个新数组，不改变原来的数组
语法：
arrayObject.concat(array1,array2...arrayN)
参数说明：
参数 说明
array1 要链接的第一个数组
... ...
arayN 第N个数组
注意：该方法不会改变现有的数组，而仅仅会返回被链接数组的一个副本。
咱们建立一个数组，将把concat()中的参数链接到数组myarr中，代码以下：
<script type="text/javascript">
var mya=new Array(3);
mya[0]="1";
mya[1]="2";
mya[2]="3";
document.write(mya.concat(4,5)+"<br>");
document.write(mya);
</script>
运行结果：
1,2,3,4,5
1,2,3
咱们建立三个数组，而后用concat()把它们链接起来，代码以下:
<script type="text/javascript">
var mya1=new Array("hello!");
var mya2=new Array("I","love");
var mya3=new Array("JavaScript","!");
var mya4=mya1.concat(mya2,mya3);
document.write(mya4);
</script>
运行结果：
hello!,I,love,JavaScript,!
join()方法用于把数组中的全部元素放入一个字符串。元素是经过指定的分隔符进
行分隔的。
语法：
arrayObject.join(分隔符)
参数说明:
参数 描述
separator 可选。指定要使用的分隔符。若是省略该参数，则使用逗号为分隔符
注意：返回一个字符串，该字符串把数组中的各个元素串起来，用<分隔符>置于元
素与元素之间。这个方法不影响数组本来的内容。咱们使用join()方法，将数组的
全部元素放入一个字符串中，代码以下：
<script type="text/javascript">
var myarr=new Array(3);
myarr[0]="I";
myarr[1]="love";
myarr[2]="JavaScript";
document.write(myarr.join());
</script>
运行结果：
I,love,JavaScript
咱们将使用分隔符来分隔数组中的元素，代码以下：
<script type="text/javascript">
var myarr=new Array(3)
myarr[0]="I";
myarr[1]="love";
myarr[2]="JavaScript";
document.write(myarr.join("."));
</script>
运行结果:
I.love.JavaScript
reverse()方法用于颠倒数组中元素的顺序。
语法：
arrayObject.reverse()
注意：该方法会改变原来的数组，而不会建立新的数组。
定义数组myarr并赋值，而后颠倒其元素顺序：
<script type="text/javascript">
var myarr=new Array(3);
myarr[0]="1"
myarr[1]="2"
myarr[2]="3"
document.write(myarr+"<br />")
document.write(myarr.reverse())
</script>
运行结果：
1,2,3
3,2,1
什么叫颠倒，懂吧？123就变成321，我爱你就变成你爱我。
选定元素slice()方法可从已有的数组中返回选定的元素。
语法：
arrayObject.slice(start,end)
参数说明：
参数 描述
start 必需。规定从何处开始选取。若是是负数，那么它规定从数组尾
部开始算起的位置。也就是说，-1是倒数第一个，-2是倒数第二个。
end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下
标。若是没有指定该参数，那么切分的数组包含从start到数组结束
的全部元素。若是这个参数是负数，那么它规定是从数组尾部开
始算起的元素。
1.返回一个新的数组，包含从start到end(不包括该元素)的arrayObject中的元素。
2.该方法并不会修改数组，而是返回一个子数组。
注意：
1.可以使用负值从数组的尾部选取元素。
2.若是end未被规定，那么slice()方法会选取从start到数组结尾的全部元素
3.String.slice()与Array.slice()类似
slice是含头不含尾的！！记住了！！！
咱们将建立一个新数组，而后从其中选取的元素，代码以下：
<script type="text/javascript">
var myarr = new Array(1,2,3,4,5,6);
document.write(myarr + "<br>");
document.write(myarr.slice(2,4) + "<br>");
document.write(myarr);
</script>
运行结果：
1,2,3,4,5,6
3,4
1,2,3,4,5,6
sort()方法使数组中的元素按照必定的顺序排列。
语法：
arrayObject.sort(方法函数)
参数说明：
参数 描述
方法函数 可选。规定排序顺序。必须是函数。
1.若是不指定<方法函数>,则按unicode码顺序排列
2.若是指定<方法函数>，则按照<方法函数>所指定的排序方法排序。
myArray.sort(sortMethod);
注意：该函数要比较两个值，而后返回一个用于说明这两个值的相对顺序的数字。
比较函数应该具备两个参数a和b,其返回值以下：
若返回值<=-1，则表示A在排序后的序列中出如今B以前。
若返回值>-1&&<1，则表示A和B具备相同的排序顺序。
若返回值>=1，则表示A在排序后的序列中出如今B以后。
1.使用sort()将数组进行排序，代码以下：
<script type="text/javascript">
var myarr1=new Array("Hello","John","love","JavaScript");
var myarr2=new Array("80","16","50","6","100","1");
document.write(myarr1.sort()+"<br>");
document.write(myarr2.sort());
</script>
运行结果：
Hello,JavaScript,Jhon,love
1,100,16,50,6,80
注意：上面的代码没有按照数值大小对数字进行排序
2.如要实现这一点，就必须使用一个排序函数，代码以下：
<script type="text/javascript">
function sortNum(a,b){
return a-b;
//升序。如需降序就把"a-b"改为"b-a"
}
var myarr=new Array("80","16","50","6","100","1");
document.write(myarr+"<br>");
document.write(myarr.sort(sortNum));
</script>
运行结果：
80,16,50,6,100,1
1,6,16,50,80,100

某班的成绩出来了，如今老师要把班级的成绩打印出来。
效果图:
XXXX年XX月X日 星期X--班级总分为:81
格式要求：
一、显示打印的日期。 格式为相似“XXXX年XX月XX日 星期X” 的当前的时间。
二、计算出该班级的平均分（保留整数）。
同窗成绩数据以下：
"小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;
小迪:64;小曼:76" 答案以后贴出来或者找我私聊。