JS实现数组按升序及降序排列的方法
更新时间：2017年04月26日 11:22:24 作者：OliveKong
这篇文章主要介绍了JS实现数组按升序及降序排列的方法,涉及javascript针对数组的简单排序操作相关实现技巧,需要的朋友可以参考下
本文实例讲述了JS实现数组按升序及降序排列的方法。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数组数字大小排序</title>
</head>
<body>
<p>让数组按照升序降序排列</p>
<p>这里写个数组 var array=[1,80,4,33,21,55];</p>
<p>升序输出：</p>
<script type="text/javascript">
var array=[1,80,4,33,21,55];
array.sort(function (x,y) {
return x-y;
});
document.writeln(array);
</script>
<p>解释：<br> x,y表示数组中的任意两个元素，若return > 0,则y前x;若reutrn < 0 ,则x前y后;当x=y时存在浏览器兼容。<br>简单来说：就是，x-y是按照从小到大排序，y-x是按照从大到小排序。</p>
<p>顺手写个降序：</p>
<script type="text/javascript">
var array=[1,80,4,33,21,55];
array.sort(function (x,y) {
return y-x;
});
document.writeln(array);
</script>
</body>
</html>
运行效果图如下：
PS：这里再为大家推荐2款相关在线排序工具供大家参考使用：
在线中英文根据首字母排序工具：
http://tools.jb51.net/aideddesign/zh_paixu
在线文本倒序翻转排序工具：
http://tools.jb51.net/aideddesign/flipped_txt
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript排序算法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
关于排序算法的问题可以在网上搜到一大堆，但是纯 JS 版比较零散，之前面试的时候特意整理了一遍，附带排序效率比较2018-04-04
最近在网上看到了一些关于Javascript的面试题就整理了下来，希望对有需要的朋友或者自己能有一定的帮助，后续看到再继续补充。下面一起来看看这篇关于Javascript前端常见的面试题的文章，一起来学习学习吧。2017-03-03
document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点2013-03-03
这篇文章主要介绍了bootstrap响应式工具使用的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
本文将探讨实用的 JavaScript 文件优化技术、如何处理与 JavaScript 文件相关的性能问题以及帮助优化过程的工具,你将获得提升web应用程序速度的相关知识,从而为你的用户提供无缝体验2023-12-12
这篇文章主要给大家总结介绍了关于前端终止请求的3种方式,其中包括ajax、axios的相关资料, 取消请求在前端有时候会用到,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-09-09
javascript实现input file上传图片预览效果
这篇文章主要介绍了javascript实现input file上传图片预览效果，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了javascript实现网页背景烟花效果的方法,涉及javascript数学运算及页面元素动态操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了原生js实现自定义滚动条，可点击、拖动到达，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
这篇文章主要为大家详细介绍了微信小程序实现点击导航标签滚动定位到对应位置，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
最新评论