Javascript中数组sort和reverse用法分析_javascript技巧
程序员文章站
2022-04-29 13:17:42
...
本文实例讲述了Javascript中数组sort和reverse用法。分享给大家供大家参考。具体分析如下:
这段函数输出结果竟然是:
[ 0, 1, 10, 15, 5 ]
如果调换一下-1和1就能逆向排序啦。
sort() 方法用于对数组的元素进行排序。
reverse()将数组中的元素逆序
首先我们来试试以下这段代码:
复制代码 代码如下:
var values = [1, 0, 5, 15, 10];
values.reverse();
console.log(values);
values.reverse();
console.log(values);
输出结果会是什么呢:
[ 10, 15, 5, 0, 1 ]
reverse()也就是很简单的把数组倒过来而已,那么接下来想吐槽的是sort()
复制代码 代码如下:
var values = [1, 0, 5, 15, 10];
values.sort();
console.log(values);
values.sort();
console.log(values);
这段函数输出结果竟然是:
[ 0, 1, 10, 15, 5 ]
这是怎么回事?
实际上,在sort()函数内部会使用toString()转型,而String比较是通过ASCII,所以,我们如果需要排序的话,还是自己写一个sort()比较好。
复制代码 代码如下:
var values = [1, 0, 5, 15, 10];
function compare(value1, value2) {
if (value1 return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
values.sort(compare);
console.log(values);
function compare(value1, value2) {
if (value1 return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
values.sort(compare);
console.log(values);
如果调换一下-1和1就能逆向排序啦。
现在的输出结果:
[ 0, 1, 5, 10, 15 ]
更简单的写法是,在compare()内部使用return value2 - value1;
希望本文所述对大家的javascript程序设计有所帮助。
推荐阅读
-
JavaScript数组排序reverse()和sort()方法详解
-
JavaScript中click和onclick本质区别与用法分析
-
JavaScript中arguments和this对象用法分析
-
js数组Array sort方法使用深入分析_javascript技巧
-
javascript中callee与caller的用法和应用场景_javascript技巧
-
javascript中的previousSibling和nextSibling的正确用法_javascript技巧
-
js中hash和ico的关联分析_javascript技巧
-
javascript中的previousSibling和nextSibling的正确用法_javascript技巧
-
javascript 数组排序函数sort和reverse使用介绍_javascript技巧
-
js中hash和ico的关联分析_javascript技巧