JavaScript引用类型之Array数组的排序方法
时间:2022-04-24
本文章向大家介绍JavaScript引用类型之Array数组的排序方法,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
数组中已经存在两个JavaScript给我们定义好的重排序的方法:reverse()和sort()方法,下面来简单分析下:
1、reverse() 用于反转数组项的顺序,代码如下:
<script>
var colors=[1,2,3,4,5];
colors.reverse();
alert(colors.toString()); //输出:5,4,3,2,1
</script>
这里数组的初始顺序是1、2、3、4、5,调用数组的reverse()方法后,其值顺序变为5、4、3、2、1
2、sort() 用法:arrayobj.sort(sortfunction) 参数说明: (1)arrayObj 必选项,任意 Array 实例。 (2)sortFunction 可选项,是用来确定元素顺序的函数的名称。如果这个参数被省略,那么元素将按照 ASCII 字符顺序进行升序排列。
注意:sort 方法将 Array 对象进行适当的排序;在执行过程中并不会创建新的 Array 对象。 如果为 sortfunction 参数提供了一个函数,那么该函数必须为下列返回值之一: 负值,如果所传递的第一个参数比第二个参数小。 零,如果两个参数相等。 正值,如果第一个参数比第二个参数大。
没有给sort()方法指定排序规则的代码如下:
<script>
//使用方法:arrayobj.sort(sortfunction)
var colors=["张三","李四","王五",6,"stephen curry","Kevin Durant"];
colors.sort(); //没有给sort()方法传递排序方法sortfunction。所以sort()方法会将colors数组里面的每一项调用toString()方法,然后对所有的数组项进行ASCII码值比较,
//返回排序后的结果,最左边的是ASCII值最小的数组项,最右边的是ASCII最大的数组项
alert(colors.toString()); //输出:6,Kevin Durant,stephen curry,张三,李四,王五
</script>
给sort()方法指定排序规则 代码如下:
<script>
//使用方法:arrayobj.sort(sortfunction)
var arr=[6,1,7,3,6,5];
arr.sort(compare);
alert(arr.toString()); //输出:1,3,5,6,6,7
//排序规则
function compare(value1,value2) {
if(value1>value2){
return 1;
}
else if(value1<value2){
return -1;
}
else{
return 0;
}
}
</script>
上面只是一种写法,而且个人认为不是很好,下面是其他的写法:
<script>
var numArr = new Array(12,23,1,4,23,34,2,5);
numArr.sort(function compare(a,b){return a-b;});
for (var i = 0; i<numArr.length; i++) {
document.write(numArr[i] +"<br>");
}
</script>
降序排序
<script>
var numArr = new Array(12,23,1,4,23,34,2,5);
numArr.sort(function compare(a,b){return b-a;});
for (var i = 0; i<numArr.length; i++) {
document.write(numArr[i] +"<br>");
}
<script>
var numArr = new Array(12,23,1,4,23,34,2,5);
numArr.sort(new Function("a","b","return a-b;"));
for (var i = 0; i<numArr.length; i++) {
document.write(numArr[i] +"<br>");
}
</script>
<script>
function compare(a,b) {
return a-b;
}
var numArr = new Array(12,23,1,4,23,34,2,5);
numArr.sort(compare);
for (var i = 0; i<numArr.length; i++) {
document.write(numArr[i] +"<br>");
}
</script>
<script>
var compare = function(a,b) {
return a-b;
}
var numArr = new Array(12,23,1,4,23,34,2,5);
numArr.sort(compare);
for (var i = 0; i<numArr.length; i++) {
document.write(numArr[i] +"<br>");
}
</script>
写法有很多,所以喜欢那种就用哪种吧!
现在学会了sort的用法,下面就用它实现数组的升序和降序方法,并封装一下,代码如下:
/*
@param arr ---需要排序的数组
@return ---返回值为排序完的数组
功能:对数组进行升序排序
*/
function asc(arr){
arr.sort(function(a,b){
return a-b;
});
return arr;
}
/*
@param arr ---需要排序的数组
@return ---返回值为排序完的数组
功能:对数组进行降序排序
*/
function desc(arr){
arr.sort(function(a,b){
return b-a;
});
return arr;
}
学以致用,亘古不变的真理!
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- PythonforResearch | 2_数据处理
- 程序员过关斩将--Http请求中如何保持状态?
- 如何有效恢复误删的HDFS文件
- 别再用OFFSET和LIMIT分页了
- 别再用大小比较时间了
- Redis快速入门
- 捉虫记:Unexpected end of JSON input while parsing
- 重新思考日志:业务系统竟然是一个大数据库?
- 测试面试题集-Linux常用命令
- 「真香警告」鱼头手摸手教你在小程序里用composition-api
- 【技术文】SSL握手中的几个密码
- 分布式监控系统SkyWalking
- 文献笔记二十九:银合欢(Leucaena trichandra)线粒体基因组
- Docker Swarm群集配置实战——第一战
- 文献笔记五十:vcf2poptree根据vcf文件构建进化树的网页工具