分享

JavaScript sort() 方法

 昵称43682464 2018-10-01

定义和用法

sort() 方法用于对数组的元素进行排序。

语法

arrayObject.sort(sortby)
参数描述
sortby可选。规定排序顺序。必须是函数。

返回值

对数组的引用。请注意,数组在原数组上进行排序,不生成副本。

说明

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

  • 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

  • 若 a 等于 b,则返回 0。

  • 若 a 大于 b,则返回一个大于 0 的值。

实例

例子 1

在本例中,我们将创建一个数组,并按字母顺序进行排序:

输出:

10,5,40,25,1000,11,5,10,25,40,1000

亲自试一试

【20171208 前端开发日报】再也不学AJAX了(三)跨域获取资源 ② – JSONP & CORS;JavaScript 权威面试指南;20171207 前端开发日报;听说你用JavaScript写代码?本文是你的机器学习指南;卷两根Weeds,搞懂Promise;一步一步将支付宝...详情→网页链接

【20171207 前端开发日报】如何更好的管理前端环境变量;CSS 实现左右交换的效果;CSS float相关详解;javascript项目开发规范实例;使用vue-cli的webpack模板的一次优化;iOS 与 JS 交互手册 – JavaScriptCore;JavaScript 工作原理:内...详情→网页链接

【20171205 前端开发日报】5分钟学会 CSS Grid 布局;新开源工具诞生让C++秒变JavaScript;JavaScript 的时间消耗;浏览器野史 UserAgent列传;Python Web 开发框架 Django 2.0 发布,不再支持 Python 2;10个机器学习的JavaScript示例;GitHub...详情→网页链接

【20171204 前端开发周报】css实现图片背景填充的正六边形;网页适配 iPhoneX,就是这么简单;如何用 CSS 修出好看的照片;JS中动态添加元素并绑定事件,造成程序重复执行;前端重构之路(组件化);如何使用ES6箭头函数使JavaScript代码更易读...详情→网页链接

【20171204 前端开发日报】掌握JS中this指向只需记忆5大原则;JavaScript 如何工作的: 事件循环和异步编程的崛起 + 5 个关于如何使用 async/await 编写更好的技巧;React 整洁代码最佳实践;Web 性能优化 – TCP;20171203 前端开发日报;V...详情→网页链接

【20171203 前端开发日报】SegmentFault 技术周刊 Vol.38 – 神奇的 CSS;前端工程师的 CI 进阶之路;【JavaScript从入门到精通】第十九课;7 款前端开发者重制的经典游戏 总有一款能让你回味童年时光;CSS自适应导航菜单;JavaScript学习...详情→网页链接

【20171202 前端开发日报】如何用 CSS 修出好看的照片;开发更好用的 JavaScript 模块;你还要我怎样的JS系列(4) — 作用域链;HTTPS的协议需求与密钥交换过程;自己动手做一个识别手写数字的 Web 应用(四);Typescript 构建命令行工具...详情→网页链接

【CSS自适应导航菜单】本文教程旨在教你如何创建一个使用HTML5+CSS的自适应导航菜单,它不需要用到javascript,而且可以居左,居中和居右,这个菜单不是通过点击显示的,它是鼠标滑过的时候显示出来的,并且兼容各种浏览器包括手机客...详情→网页链接 #前端开发博客#

【20171201 前端开发日报】分享7款个性化jQuery/HTML5地图插件;2017 年前端开发者必学清单;前端重构之路(组件化);now.js 0.1.0 发布了;JavaScript优化模式;关于JavaScript对象,你所不知道的事(二)- 再说属性;Vue实现一个页面缓存、左...详情→网页链接

【纯CSS3制作TAB选项卡的两种方式】css tab,纯CSS3制作tab,不用JavaScript就可以制作选项卡是不是很神奇,而且效果跟不适用jQuery是一个样的,本站独创的CSS3 Tab绝对让你眼前一亮。网页链接 #前端开发博客#

【20171130 前端开发日报】前端开发人员如何搭建数据库;一步步打造自己的纯CSS单标签图标库;React Diff 算法 – 众成翻译;关于JavaScript对象,你所不知道的事(一)- 先谈对象;vue中慎用style的scoped属性;JavaScript 正则表达式笔记...详情→网页链接

【Vue与React两个框架的区别和优势对比】Vue和React两个JavaScript框架都是当下比较受欢迎的,他们两者之间的区别有哪些,各自的优缺点是什么,本文将为你呈现。网页链接 #前端开发博客#

【20171129 前端开发日报】如何使用ES6箭头函数使JavaScript代码更易读;css实现图片背景填充的正六边形;一个行为标准Popup组件(vue), 强大的过度动画支持, 和定位支持;10个有趣的Javascript和CSS库-2017年11月;20171128 前端开发日报;JS中...详情→网页链接

【20171128 前端开发日报】js中的正则表达式(1);iOS开发者的大前端感悟:向前端说对不起;GitHub 上 82% 的代码是重复代码;使用 ClojureScript 开发浏览器插件的过程与收获;Node.js 应用的可视化调试与性能分析;用 Jest 测试 JavaScript 应...详情→网页链接

【JavaScript一些比较常见缩写代码】网页链接  在使用UglifyJS对javascript进行压缩和美化时,我在其中发现了一些关于if else的语法简写,顺便说说平时有哪些JavaScript代码可以进行简写,实现最少的代码获得最大的性能! 链接2:网页链接(js代码压缩还原详解)

【20171126 前端开发日报】美化表单的CSS高级技巧;如何优雅的编写 JavaScript 代码;CSS3 径向渐变语法及辅助理解案例 10 则;前端防御从入门到弃坑:CSP 变迁;CSS3 radial-gradient径向渐变语法及辅助理解案例10则;JSON: 不要误会,我真的不...详情→网页链接

【20171126 前端开发周报】生产环境中选择性的部署ES6+;基于 HTML5 Canvas 实现地铁站监控;这一次,彻底弄懂 JavaScript 执行机制;CSS 在线交互式速查表;WEB 前端菜鸟,感觉很迷茫,该怎么做?;不使用 JS 匿名函数的三个理由;探究 CSS 解...详情→网页链接

【20171125 #前端开发#日报】HTML5原生拖拽/拖放 Drag & Drop 详解;程序员小知识:JS数组常用方法操作;原生js的常用方法;WEB 前端菜鸟,感觉很迷茫,该怎么做?;一道小小的题目引发对javascript支持正则表达式相关方法的探讨;H5 的 Notif...详情→网页链接

【20171124 #前端开发#日报】JavaScript 是如何工作的:V8 引擎内部机制及5个诀窍编写优化代码的技巧;JavaScript 是如何工作的:引擎,运行时和调用堆栈的概述;如何实现前端高性能计算?;这一次,彻底弄懂 JavaScript 执行机制;如何用 ESLint ...详情→网页链接

#jQuery#【json数组使用jquery each循环遍历】说实话,有点怕使用JSON,可能是因为比较少用的原因,也没有重点学习过这方面的知识,JavaScript的视频学习到了事件了。快要进入实战阶段了。一方面积累基础,一方面学习重点...请戳→网页链接 #前端开发博客#

【20171123 #前端开发#日报】详解 JavaScript 与 ECMAScript 的区别;Fis3构建迁移Webpack之路;生产环境中选择性的部署ES6+;VUE组件间的数据传递;mongodb+express+vue代码实现掘金最热文章收藏评论分析;浏览器端创建可下载文件;使用 ViewCont...详情→网页链接

【20171120 #前端开发#日报】给前端同学的最后一份CDN秘籍;jQuery/JavaScript获取地址栏中的链接参数;JavaScript 核心参考;Emergence.js:检测元素可见性的 JS 插件;Ruby Web 服务器的并发模型与性能;我在 ClojureScript 的 2017;给前端同学...详情→网页链接

【20171119 #前端开发#日报】Vue-cli-webpack-从零开始的斗鱼直播(一);Miox用传统web页面开发的思维模式和开发习惯来开发SPA;初创公司 CI 系统终极解决方案:Gitlab-CI;Web 安全系列:CSRF 攻击;JavaScript 中常见排序算法详解;RhykeJS——专...详情→网页链接

【20171119 #前端开发#周报】那些不明觉厉的一行javascript代码;使用 JavaScript 实现分屏视觉效果;实例感受-es6的常用语法和优越性;CSS居中的各种实现方式;所有主流浏览器都已支持 WebAssembly,包括 Edge 和 Safari;前端跨域有哪些种方法及...详情→网页链接

#jQuery#【jQuery/JavaScript获取地址栏中的链接参数】本文将通过实际例子讲解怎么使用javascript或者jquery获取地址window.location的url参数。网页链接 #前端开发博客#

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多