慕课网

第1章系好安全带,准备启航
编程：1-1 让你认识JS
编程：1-2 编程练习

第10章编程挑战
编程：10-1 编程挑战

解锁即可观看《前端工程师》完整课程视频

立即解锁

前端工程师

前端入门如同写字，如果你不知道从哪开始，那就选择前端（含Vue3.x，React17,TS）

【第1周】HTML5基础语法与标签

【第2周】CSS3基础语法与盒模型

【第3周】CSS3浮动定位与背景样式

【第4周】CSS3动画与穷游首页开发实战

【第5周】JS基础语法与表达式

【第6周】JS流程控制语句与数组

【第7周】JS函数与DOM

【第8周】面向对象

【第9周】项目实战：仿穷游JS特效开发

【第10周】ES6基础入门

【第11周】ES6语法扩展

【第12周】ES6之Promise与Class类

【第13周】ES6之Module模块与Babel编译

【第14-15周】HTTP 协议、存储、Ajax

【第16周】项目实战：仿穷游组件化开发

【第17周】移动基础

【第18周】移动进阶之高效开发

【第19周】项目实战：仿穷游移动webapp开发

【第20周】小程序基础与慕课小程序实战

【第21-22周】Sass基础与Vue.js基础语法

【第23周】项目实战：Vue.js仿京东到家电商全栈项目前端开发（上）

【第24-25周】项目实战：Vue.js仿京东到家电商全栈项目前端（下）

【第26周】全栈必备基础Node.js

【第27周】koa2中间件与MongoDB数据库

【第28-29周】项目实战：node.js仿京东到家电商全栈项目后端开发

【第30周】TypeScript与React.js基础语法

【第31-32周】React旅游网开发与工程化

【第33周】就业必备基础技术面试分析

【第34周】就业必备框架与全栈技术面试分析

数组排序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

任务

1. 补充右边编辑器第8行，完成降序排列函数。

2. 补充右边编辑器第11行，使用sort()方法，进行数组降序列排列，并输出。

?不会了怎么办: 1.排序函数，降序 return b - a;

2. document.write(myarr.sort(sortNum));

写笔记

公开笔记

提交

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

7-22 数组排序sort()

数组排序sort()

任务

写笔记

收藏课程后，能更快找到我哦～