JS简单数组排序操作示例【sort方法】


Posted in Javascript onMay 17, 2019

本文实例讲述了JS简单数组排序操作。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>3water.com 数组排序</title>
</head>
<body>
<script>
  window.onload = function() {
    var arr = [1, 7, 10, 4, 6];
    function compare(val1, val2) {
      if(val1 < val2) {
        return -1;
      } else if(val1 > val2) {
        return 1;
      } else {
        return 0;
      }
    };
    arr.sort(compare);
    console.log(arr);
  }
</script>
</body>
</html>

运行结果:

JS简单数组排序操作示例【sort方法】

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
HTML中事件触发列表与解说
Jul 09 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
Mar 03 Javascript
js检查页面上有无重复id的实现代码
Jul 17 Javascript
通过url查找a元素应用案例
Apr 29 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
Mar 04 Javascript
jquery处理页面弹出层查询数据等待操作实例
Mar 25 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
Feb 18 Javascript
JS扩展类,克隆对象与混合类实例分析
Nov 26 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
Dec 10 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
Aug 02 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
May 06 Javascript
jquery插件懒加载的示例
Oct 24 jQuery
微信小程序云开发(数据库)详解
May 17 #Javascript
JS实现的自定义map方法示例
May 17 #Javascript
javascript异步编程的六种方式总结
May 17 #Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 #Javascript
angular4应用中输入的最小值和最大值的方法
May 17 #Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 #jQuery
详解 微信小程序开发框架(MINA)
May 17 #Javascript
You might like
php 数组的合并、拆分、区别取值函数集
2010/02/15 PHP
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
CodeIgniter框架数据库事务处理的设计缺陷和解决方案
2014/07/25 PHP
jquery 图片预加载 自动等比例缩放插件
2008/12/25 Javascript
jQuery为iframe的body添加click事件的实现代码
2011/04/07 Javascript
js跨域访问示例(客户端/服务端)
2014/05/19 Javascript
javascript中hasOwnProperty() 方法使用指南
2015/03/09 Javascript
JavaScript实现斗地主游戏的思路
2016/02/29 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
详解VUE 定义全局变量的几种实现方式
2017/06/01 Javascript
JS实现批量上传文件并显示进度功能
2017/06/27 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
JavaScript实现各种排序的代码详解
2017/08/28 Javascript
javascript Function函数理解与实战
2017/12/01 Javascript
深入理解Promise.all
2018/08/08 Javascript
vue实现文件上传读取及下载功能
2020/11/17 Javascript
Vue简单实现原理详解
2020/05/07 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
2020/07/31 Javascript
基于javascript的无缝滚动动画实现2
2020/08/07 Javascript
python实现linux服务器批量修改密码并生成execl
2014/04/22 Python
Python实现动态图解析、合成与倒放
2018/01/18 Python
Python的iOS自动化打包实例代码
2018/11/22 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
python批量修改xml属性的实现方式
2020/03/05 Python
python输出结果刷新及进度条的实现操作
2020/07/13 Python
matplotlib之pyplot模块之标题(title()和suptitle())
2021/02/22 Python
CSS3实战第一波 让我们尽情的圆角吧
2010/08/27 HTML / CSS
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
解决img标签上下出现间隙的方法
2016/12/14 HTML / CSS
详解三种方式实现平滑滚动页面到顶部的功能
2019/04/23 HTML / CSS
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
医学检验专业大学生求职信
2013/11/18 职场文书
八年级生物教学反思
2014/01/22 职场文书
三好学生主要事迹怎么写
2015/11/03 职场文书
Vue如何实现组件间通信
2021/05/15 Vue.js
SpringBoot中使用Redis作为全局锁示例过程
2022/03/24 Java/Android