js页面排序-----基础篇

最新推荐文章于 2022-08-28 20:37:54 发布

qingfeng_825

最新推荐文章于 2022-08-28 20:37:54 发布

阅读量207

点赞数

分类专栏： javascript 文章标签： JavaScript Bean Apache ViewUI

javascript 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

由于客户查询出来的结果集比较多，一页就有五百条，所以客户希望单行表格的列头的时候可以根据这一页在本页排序，既然是只涉及到页面的排序，则不需去和服务器交互，直接利用js把结果集表格重排一下即可。

在网上看了一些代码，大部分的实现方式都是这样的：把表格的tbody中的行存入一个Array，利用Array的sort（）方法来进行排序。

当然，和java中apache提供了commos 中的BEAN排序一样，我们可以个性化排序的方法，在sort()方法中加一个参数来定义我们想要的排序方式。

下面就先将sort()方法的用法进行全面的介绍，具体的页面排序会在下一个页面实现。

定义和用法

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

语法

arrayObject.sort(sortby)

参数	描述
sortby	可选。规定排序顺序。必须是函数。

返回值

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

说明

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

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

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

提示和注释

注释：您可使用负值从数组的尾部选取元素。

注释：如果 end 未被规定，那么 slice() 方法会选取从 start 到数组结尾的所有元素。

实例

例子 1

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

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.sort())

</script>

输出：

George,John,Thomas,James,Adrew,Martin
Adrew,George,James,John,Martin,Thomas

例子 2

<script type="text/javascript">

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())

</script>
 

输出：

10,5,40,25,1000,1
1,10,1000,25,40,5

请注意，上面的代码没有按照数值的大小对数字进行排序，要实现这一点，就必须使用一个排序函数：

<script type="text/javascript">

function sortNumber(a,b)
{
return 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(sortNumber))

</script>

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

输出：