JS数组Sort方法的使用
想用sort方法对数组排下序,代码如下:
var nums = "12 645 6 85 81 0 9 365 4 752".split(" ").map(function(a){
return Number(a);
});
console.log(nums); // 排序前 [12, 645, 6, 85, 81, 0, 9, 365, 4, 752]
console.log(nums.sort()); // 排序后 [0, 12, 365, 4, 6, 645, 752, 81, 85, 9]
排序后的结果并不是预期的按照数值大小排列的,带着疑问去查了一下《JavaScript权威指南》,发现:
当不带参数调用sort()时,数组元素以字母表顺序排序(如有必要将临时转化为字符串进行比较)
原来默认都是以字符串形式比较的,接着又试验了两把:
var words = "Lorem ipsum dolor sit amet consectetur adipisicing elit.".split(" ");
console.log(words); //["Lorem", "ipsum", "dolor", "sit", "amet", "consectetur", "adipisicing", "elit."]
//只有字符串的情况
console.log(words.sort()); //["Lorem", "adipisicing", "amet", "consectetur", "dolor", "elit.", "ipsum", "sit"]
//数字和字符串的情况
var numAndWords = ["Lorem", "ipsum", "dolor", "sit", "amet", 12, 645, 6, 85, 81, 0];
console.log(numAndWords.sort()); //[0, 12, 6, 645, 81, 85, "Lorem", "amet", "dolor", "ipsum", "sit"]
//数字和部分以数字开头的字符串
numAndWords = ["Lorem", "2ipsum", "13dolor", "sit", "amet", 12, 645, 6, 85, 81, 0];
console.log(numAndWords.sort()); //[0, 12, "13dolor", "2ipsum", 6, 645, 81, 85, "Lorem", "amet", "sit"]
结果都符合预期,是按照ACSII码顺序进行比较的。如果想按照数值大小进行排序,该如何操作呢?这就用到了带参数的sort方法,参数可以是function,这样就能够按照自定义的方式排序了。
下面定义一个按照数值大小排序的方法:
nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function(a, b){
if(a < b){
return -1;
}
else if (a > b) {
return 1;
}
else{
return 0;
}
})); //结果为:[0, 4, 6, 9, 12, 81, 85, 365, 645, 752]
根据《JavaScript权威指南》的说法:
给sort方法传递一个比较函数,该函数决定了它的两个参数在排好序的数组中的先后顺序:假设第一个参数应该在前,比较函数应该返回一个小于0的数值,反之,假设第一个参数应该在后,函数应该返回一个大于0的数值,并且,假设两个值相等,函数应该返回0。
但是如下比较函数返回大于0的数值时的测试有些意外:
nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function (a, b) {
if (a < b) {
return 1;
}
})); //结果为:[12, 645, 6, 85, 81, 0, 9, 365, 4, 752]
nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function (a, b) {
if (a > b) {
return 1;
}
})); //结果为:[12, 645, 6, 85, 81, 0, 9, 365, 4, 752]
接着继续测试比较函数返回小于0的数值时的情况:
nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function (a, b) {
if (a < b) {
return -1;
}
})); //结果为:[0, 4, 6, 9, 12, 81, 85, 365, 645, 752]
nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function (a, b) {
if (a > b) {
return -1;
}
})); //结果为:[752, 645, 365, 85, 81, 12, 9, 6, 4, 0]
只有比较函数返回值小于0时才会进行数组的排序。
《JavaScript权威指南》给出了一种简便的按照数值大小比较的方法:
nums = [12, 645, 6, 85, 81, 0, 9, 365, 4, 752];
console.log(nums.sort(function(a, b){
return a - b;
})); //结果为:[0, 4, 6, 9, 12, 81, 85, 365, 645, 752]
以上是个人测试的结果,如有不对还请指教。
JS数组Sort方法的使用的更多相关文章
- js数组sort方法详解
在处理数组的时候,我们有时候需要对数组进行排序,排序的方法有很多种,但是最好最快的就是利用sort方法进行快速的排序. 我们来看一个例子: var arr1 = [6, 3, 4, 1, 2, 5, ...
- js数组sort方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 浅谈6种JS数组遍历方法的区别
本篇文章给大家介绍一下6种JS数组遍历方法:for.foreach.for in.for of.. each. ().each的区别.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. ...
- JS高级面试题思路(装箱和拆箱、栈和堆、js中sort()方法、.js中Date对象中的getMounth() 需要注意的、开发中编码和解码使用场景有哪些)
1.装箱和拆箱: 装箱:把基本数据类型转化为对应的引用数据类型的操作: var num = 123 // num var objNum = new Num(123) // object console ...
- js数组sort排序方法的算法
说明一下,ECMAScript没有定义使用哪种排序算法,各个浏览器的实现方式会有不同.火狐中使用的是归并排序,下面是Chrome的sort排序算法的实现. sort方法源码 DEFINE_METHOD ...
- js数组的方法小结
js中数组是一种非常常用数据结构,而且很容易模拟其他的一些数据结构,比如栈和队列.数组的原型Array.prototype内置了很多方法,下面就来小小总结一下这些方法. 检测数组就不用多说了,使用EC ...
- 再探JS数组原生方法—没想到你是这样的数组
最近作死又去做了一遍javascript-puzzlers上的44道变态题,这些题号称"JS语言专业八级"的水准,建议可以去试试,这里我不去解析这44道题了, ...
- JS中sort()方法的用法,参数以及排序原理
sort() 方法用于对数组的元素进行排序,并返回数组.默认排序顺序是根据字符串Unicode码点.语法:arrayObject.sort(sortby):参数sortby可选.规定排序顺序.必须是函 ...
- JS中sort()方法原理及使用
说明 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序.要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较. arra ...
随机推荐
- Dora.Interception,为.NET Core度身打造的AOP框架 [3]:多样化拦截器应用方式
在<以约定的方式定义拦截器>中,我们通过对拦截器的介绍了Dora.Interception的两种拦截机制,即针对接口的“实例拦截”针对虚方法的“类型拦截”.我们介绍了拦截器的本质以及基于约 ...
- Python爬虫——Python 岗位分析报告
前两篇我们分别爬取了糗事百科和妹子图网站,学习了 Requests, Beautiful Soup 的基本使用.不过前两篇都是从静态 HTML 页面中来筛选出我们需要的信息.这一篇我们来学习下如何来获 ...
- [Swift]LeetCode987. 二叉树的垂序遍历 | Vertical Order Traversal of a Binary Tree
Given a binary tree, return the vertical order traversal of its nodes values. For each node at posit ...
- HBase篇--HBase常用优化
一.前述 HBase优化能够让我们对调优有一定的理解,当然企业并不是所有的优化全都用,优化还要根据业务具体实施. 二.具体优化 1.表的设计 1.1 预分区 默认情况下,在创建HBase表的时候会自 ...
- Python内置函数(45)——object
英文文档: class objectReturn a new featureless object. object is a base for all classes. It has the meth ...
- Python内置函数(37)——len
英文文档: len(s) Return the length (the number of items) of an object. The argument may be a sequence (s ...
- 【学习】在Windows10平台使用Docker ToolBox安装docker(一)
前言:今天距离元旦还有44天,时间点是18:11:45,想了想一路学习的过程和其中遇到的困难,其中有克服的,有放弃的,这有可能是我自己意志不坚定吧,学习docker也是我当下的一个目标,不知道会是成功 ...
- windows部署MongoDB
打开MongoDb下载页面,分别下载Community Server和Compass,注意在安装Community Server时可以勾选同时安装Compass,但会比较慢,所以建议两个分开下载安装. ...
- JVM(1)---虚拟机在运行期的优化策略
1.解释器与JIT编译器 首先我们先来了解一下运行在虚拟机之上的解释器与JIT编译器.当我们的虚拟机在运行一个java程序的时候,它可以采用两种方式来运行这个java程序: 采用解释器的形式,也就是说 ...
- 【Java基础】【24多线程(上)】
24.01_多线程(多线程的引入)(了解) 1.什么是线程 线程是程序执行的一条路径, 一个进程中可以包含多条线程 多线程并发执行可以提高程序的效率, 可以同时完成多项工作 2.多线程的应用场景 红蜘 ...