Java教程

【九月打卡】第21天 JavaScript进阶篇

本文主要是介绍【九月打卡】第21天 JavaScript进阶篇,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

课程名称:JavaScript进阶篇

课程章节:第7章 JavaScript内置对象

课程讲师:  慕课官方号

课程内容


数组排序sort()

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,John,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

      <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Array对象 </title>
<script type="text/javascript">
   function sortNum(a,b) {
return b - a;
   }
var myarr = new Array("80","16","50","6","100","1");
document.write(myarr+"<br  />");
document.write(myarr.sort(sortNum));
</script>
</head>
<body>
</body>
</html>         

编程练习

某班的成绩出来了,现在老师要把班级的成绩打印出来。

效果图:

XXXX年XX月X日 星期X--班级总分为:81


格式要求:

1、显示打印的日期。 格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。

2、计算出该班级的平均分(保留整数)。

同学成绩数据如下:

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


window对象

window对象是BOM的核心,window对象指当前的浏览器窗口。

window对象方法:

注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器。


https://img3.sycdn.imooc.com/632ff3dc00011e9706540375.jpg

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>window对象</title>
<script type="text/javascript">
function myFunction()
{
    alert("欢迎来到慕课网")
    window.open('http://www.imooc.com','_blank','width=600 height=400')
}
</script>
</head>
<body>
<form>
<input type="button" value="点击我,打开新窗口" onclick="myFunction()" />
</form>
</body>
</html>

课程收获

        谢谢老师,讲的非常细致,很容易懂。这一节学习了sort()方法和window对象,通过学习我了解了这些方法在什么情况下使用,给以后的学习打下了基础。以及对数据有了新的认识,期待后边的学习!


这篇关于【九月打卡】第21天 JavaScript进阶篇的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!