`
tiantian-yuqing
  • 浏览: 23709 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论
阅读更多
   最近在写代码的过程中,遇到了数组和对象按数字大小排序的问题,现在总结几种排序的方法,供大家参考。
   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是不是很方便呢?
0
0
分享到:
评论

相关推荐

    talbe使用js排序

    JavaScript排序原理 JavaScript提供了数组的`sort()`方法,可以对数组中的元素进行排序。在表格排序中,我们需要先获取表格中的数据,将其转换为数组,然后应用`sort()`方法,最后更新表格显示。 ### 3. 获取表格...

    Js排序插件Sortable

    总之,Sortable 是一个强大且灵活的JavaScript排序工具,它简化了拖放排序的实现,为开发者提供了丰富的功能和高度的自定义性。无论是简单的排序需求还是复杂的交互设计,Sortable 都能很好地胜任。通过深入学习和...

    js排序算法动态展示

    js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js...

    js排序表格,实现按列排序

    "js排序表格,实现按列排序"这个主题主要涉及JavaScript(js)如何用于实现对HTML表格的动态排序,同时结合CSS样式提升表格的美观度。 首先,我们需要理解HTML表格的基本结构,它由`&lt;table&gt;`标签定义,内部包含`...

    [转] JS 排序(包括按中文拼音排序) Google到的好东西,收藏!

    " 提供了一些关于JavaScript排序的实用技巧,包括如何对中文字符串按照拼音进行排序。在JavaScript的Array对象中,有一个内置方法`sort()`,它允许我们对数组进行排序,但默认排序规则是基于Unicode编码,对于中文...

    js排序

    你可以打开这个HTML文件,查看并运行其中的JavaScript代码,以更好地理解和实践JavaScript排序。 总结来说,JavaScript的`sort()`方法是数组排序的基础,通过自定义比较函数可以满足各种复杂的排序需求。同时,利用...

    javascript排序表格

    javascript动态排序表格 javascript动态排序表格 javascript动态排序表格 javascript动态排序表格

    table +js 排序

    - `script.js`:实现了JavaScript代码,包括事件监听、数据获取、排序逻辑和更新表格等操作。 - `packed.js`:可能是一个压缩过的JavaScript文件,包含了一些优化或模块化的排序功能。 - `images`:目录可能包含了...

    js排序脚本

    在这个场景下,我们有一个经过优化的`sort.js`文件,可能是对原生JavaScript排序功能的一种改进。 在JavaScript中,`Array.prototype.sort()`方法是用于对数组进行排序的标准函数。默认情况下,它按照字典顺序...

    sorttable.js 排序-方便实用的js排序,只需简单操作即可见到效果 Vue

    sorttable.js 排序-方便实用的js排序,只需简单操作即可见到效果 var stIsIE = /*@cc_on!@*/false; sorttable = { init: function() { // quit if this function has already been called if (arguments...

    客户端使用JS排序数据列表

    在本篇文章中,我们将深入探讨如何利用JQuery库来实现这个功能,同时也会涉及到一些基本的JavaScript排序原理。 首先,JQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和AJAX交互等任务。在处理...

    使用 JavaScript 排序数据并渲染到页面+源码+demo演示

    使用 JavaScript 排序数据并渲染到页面+源码+demo演示 使用 JavaScript 排序数据并渲染到页面+源码+demo演示 使用 JavaScript 排序数据并渲染到页面+源码+demo演示 使用 JavaScript 排序数据并渲染到页面+源码+...

    用javascript实现的十大排序算法详解

    本篇文章将深入探讨如何使用JavaScript实现十大经典排序算法,帮助开发者更好地理解和运用这些算法。 1. 冒泡排序(Bubble Sort) 冒泡排序是一种简单的排序方法,通过重复遍历待排序的数组,比较相邻元素并交换...

    table 排序!js特效!很强大!简单易学

    然而,对于初学者,理解基础的JavaScript排序逻辑是十分重要的,这有助于更好地掌握前端开发技能。 总的来说,JavaScript实现的表格排序不仅能够提高用户对数据的浏览效率,还能提升网页的互动性。通过学习和实践,...

    重写Datatable.js,支持纯前台排序

    原生的Datatable.js库在某些情况下可能无法满足特定的前端排序需求,可能是由于其内置的排序算法不适用于特定的数据结构,或者与项目中的其他JavaScript库产生了冲突,导致控制逻辑变得复杂。在这种情况下,重写...

    javascript排序算法实现

    排序算法是计算机科学的基础,JavaScript中的排序算法实现可以帮助我们更高效地处理数组数据。本篇文章将详细探讨JavaScript中几种常见的排序算法及其实现。 1. **冒泡排序**: 冒泡排序是最基础的排序算法之一,...

    js排序组件

    "js排序组件"是一个专门用于前端数据排序的工具,它能够帮助开发者轻松地对表格、列表等元素中的数据进行升序、降序排列,提供用户友好的交互体验。下面将详细解释这个组件的核心知识点: 1. **JavaScript基础**:...

    Javascript表格排序大全

    3. **原生JavaScript排序**:你可以通过获取表格数据,对其进行排序,然后重新渲染表格。例如,使用`Array.prototype.sort()`函数对表格数据进行排序,再利用DOM操作更新表格内容。 4. **事件监听**:为了实现点击...

    javascript排序分页(转载)

    本篇文章将详细探讨如何使用JavaScript,结合jQuery库,来实现数据的分页显示以及表格内容的排序。 **一、排序** 在JavaScript中,数组的排序可以使用`Array.prototype.sort()`方法。这个方法接受一个比较函数作为...

Global site tag (gtag.js) - Google Analytics