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 ...
随机推荐
- Java互联网架构-直播互动平台高并发分布式架构应用设计
概述 网页HTML 静态化: 其实大家都知道网页静态化,效率最高,消耗最小的就是纯静态化的 html 页面,所以我们尽可能使我们的网站上的页面采用静态页面来实现,这个最简单的方法其实也是最有效的方法, ...
- phpcms2008远程代码执行漏洞
phpcms2008远程代码执行漏洞 描述: 近日,互联网爆出PHPCMS2008代码注入漏洞(CVE-2018-19127).攻击者利用该漏洞,可在未授权的情况下实现对网站文件的写入.该漏洞危害程度 ...
- [Swift]LeetCode104. 二叉树的最大深度 | Maximum Depth of Binary Tree
Given a binary tree, find its maximum depth. The maximum depth is the number of nodes along the long ...
- [Swift]LeetCode272. 最近的二分搜索树的值 II $ Closest Binary Search Tree Value II
Given a non-empty binary search tree and a target value, find k values in the BST that are closest t ...
- [Swift]LeetCode326. 3的幂 | Power of Three
Given an integer, write a function to determine if it is a power of three. Example 1: Input: 27 Outp ...
- dataframe的select传入不定参数
在提取 dataframe 里面的列时,需要传入不定参数,即 dataframe.select(args) .例如某个 dataframe 如下: 一般提取某列或者某几列的时候是这样子写的: data ...
- https和http共存的nginx简单配置
server{ listen 80; listen 443 ssl; ssl_certificate /usr/local/nginx/ssl/www.demo.com/www.demo.com.cn ...
- Java__线程---基础知识全面实战---坦克大战系列为例
今天想将自己去年自己编写的坦克大战的代码与大家分享一下,主要面向学习过java但对java运用并不是很熟悉的同学,该编程代码基本上涉及了java基础知识的各个方面,大家可以通过练习该程序对自己的jav ...
- 初探设计模式5:Spring涉及到的9种设计模式
设计模式作为工作学习中的枕边书,却时常处于勤说不用的尴尬境地,也不是我们时常忘记,只是一直没有记忆. 今天,螃蟹在IT学习者网站就设计模式的内在价值做一番探讨,并以spring为例进行讲解,只有领略了 ...
- 从jvm角度看懂类初始化、方法重写、重载。
类初始化 在讲类的初始化之前,我们先来大概了解一下类的声明周期.如下图 类的声明周期可以分为7个阶段,但今天我们只讲初始化阶段.我们我觉得出来使用和卸载阶段外,初始化阶段是最贴近我们平时学的,也是笔试 ...