最近在写代码的过程中,遇到了数组和对象按数字大小排序的问题,现在总结几种排序的方法,供大家参考。
JS中排序用到的函数就是sort()了,在underscore中,排序的是sortBy()方法。
有时候可能大家会很奇怪,为什么用sort()方法对字母排序是正确的,对数字按大小排序却不正确?
原来,在调用sort()方法时如果没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是
sort()按照字符编码的顺序进行排序。所以,如果要对非字符串进行比较,首先应把数组的元素都转换成字符串(如有必要),再进行比较。
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。
实例1:
function sortNumber(a, b)
{
return a - b //a 小于 b,在排序后的数组中 a 应该出现在 b 之前,即按从小到大的顺序排列
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")//返回的是数组本身
document.write(arr.sort()+ "<br />")//sort()方法没有传参数,所以按字符编码的顺序进行排序
document.write(arr.sort(sortNumber))//调用了sortNumber(),按数字大小排序
输出结果:
10,5,40,25,1000,1
1,10,1000,25,40,5
1,5,10,25,40,1000
对数组中的数字按大小排序如上,但是我如果想对对象也按数字大小排序,怎么使用sort()方法呢?
实例2:
var list = [{"name":"王五","phone":"189900971077","price":"6"},
{"name":"李四","phone":"189900971078","price":"9"},
{"name":"张三","phone":"189900971079","price":"8"}];
var sort = (list).sort(function(a,b) {
return a.price - b.price //价钱从低到高排序
});
document.write(sort);
输出结果是:
[{"name":"王五","phone":"189900971077","price":"6"},
{"name":"张三","phone":"189900971079","price":"8"},
{"name":"李四","phone":"189900971078","price":"9"}];
当然,JS还有一个很便利的助手,那就是underscore。underscore中排序的方法就是sortBy()了。
sortBy()是直接对数字大小排序。
_.sortBy([1, 6, 3, 4, 8, 6]);//输出 [1, 3, 4, 6, 6, 8]
实例1中,用sortBy()方法:
_(arr).sortBy()
输出结果也是:1,5,10,25,40,1000
实例2中,用sortBy()方法:
_(list).sortBy("price")
输出结果也是正确的。
但是我如果要对数字的运算结果排序,比如按正弦值大小排序,又该怎么办呢?
_.sortBy([1, 2, 3, 4, 5, 6], function(num){ return Math.sin(num); }); // [5, 4, 6, 3, 1, 2]
用上underscore是不是很方便呢?
分享到:
相关推荐
JavaScript排序原理 JavaScript提供了数组的`sort()`方法,可以对数组中的元素进行排序。在表格排序中,我们需要先获取表格中的数据,将其转换为数组,然后应用`sort()`方法,最后更新表格显示。 ### 3. 获取表格...
总之,Sortable 是一个强大且灵活的JavaScript排序工具,它简化了拖放排序的实现,为开发者提供了丰富的功能和高度的自定义性。无论是简单的排序需求还是复杂的交互设计,Sortable 都能很好地胜任。通过深入学习和...
js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js...
"js排序表格,实现按列排序"这个主题主要涉及JavaScript(js)如何用于实现对HTML表格的动态排序,同时结合CSS样式提升表格的美观度。 首先,我们需要理解HTML表格的基本结构,它由`<table>`标签定义,内部包含`...
" 提供了一些关于JavaScript排序的实用技巧,包括如何对中文字符串按照拼音进行排序。在JavaScript的Array对象中,有一个内置方法`sort()`,它允许我们对数组进行排序,但默认排序规则是基于Unicode编码,对于中文...
你可以打开这个HTML文件,查看并运行其中的JavaScript代码,以更好地理解和实践JavaScript排序。 总结来说,JavaScript的`sort()`方法是数组排序的基础,通过自定义比较函数可以满足各种复杂的排序需求。同时,利用...
javascript动态排序表格 javascript动态排序表格 javascript动态排序表格 javascript动态排序表格
- `script.js`:实现了JavaScript代码,包括事件监听、数据获取、排序逻辑和更新表格等操作。 - `packed.js`:可能是一个压缩过的JavaScript文件,包含了一些优化或模块化的排序功能。 - `images`:目录可能包含了...
在这个场景下,我们有一个经过优化的`sort.js`文件,可能是对原生JavaScript排序功能的一种改进。 在JavaScript中,`Array.prototype.sort()`方法是用于对数组进行排序的标准函数。默认情况下,它按照字典顺序...
sorttable.js 排序-方便实用的js排序,只需简单操作即可见到效果 var stIsIE = /*@cc_on!@*/false; sorttable = { init: function() { // quit if this function has already been called if (arguments...
在本篇文章中,我们将深入探讨如何利用JQuery库来实现这个功能,同时也会涉及到一些基本的JavaScript排序原理。 首先,JQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和AJAX交互等任务。在处理...
使用 JavaScript 排序数据并渲染到页面+源码+demo演示 使用 JavaScript 排序数据并渲染到页面+源码+demo演示 使用 JavaScript 排序数据并渲染到页面+源码+demo演示 使用 JavaScript 排序数据并渲染到页面+源码+...
本篇文章将深入探讨如何使用JavaScript实现十大经典排序算法,帮助开发者更好地理解和运用这些算法。 1. 冒泡排序(Bubble Sort) 冒泡排序是一种简单的排序方法,通过重复遍历待排序的数组,比较相邻元素并交换...
然而,对于初学者,理解基础的JavaScript排序逻辑是十分重要的,这有助于更好地掌握前端开发技能。 总的来说,JavaScript实现的表格排序不仅能够提高用户对数据的浏览效率,还能提升网页的互动性。通过学习和实践,...
原生的Datatable.js库在某些情况下可能无法满足特定的前端排序需求,可能是由于其内置的排序算法不适用于特定的数据结构,或者与项目中的其他JavaScript库产生了冲突,导致控制逻辑变得复杂。在这种情况下,重写...
排序算法是计算机科学的基础,JavaScript中的排序算法实现可以帮助我们更高效地处理数组数据。本篇文章将详细探讨JavaScript中几种常见的排序算法及其实现。 1. **冒泡排序**: 冒泡排序是最基础的排序算法之一,...
"js排序组件"是一个专门用于前端数据排序的工具,它能够帮助开发者轻松地对表格、列表等元素中的数据进行升序、降序排列,提供用户友好的交互体验。下面将详细解释这个组件的核心知识点: 1. **JavaScript基础**:...
3. **原生JavaScript排序**:你可以通过获取表格数据,对其进行排序,然后重新渲染表格。例如,使用`Array.prototype.sort()`函数对表格数据进行排序,再利用DOM操作更新表格内容。 4. **事件监听**:为了实现点击...
本篇文章将详细探讨如何使用JavaScript,结合jQuery库,来实现数据的分页显示以及表格内容的排序。 **一、排序** 在JavaScript中,数组的排序可以使用`Array.prototype.sort()`方法。这个方法接受一个比较函数作为...