http://mmz06.blog.163.com/blog/static/12141696201102935021258/
对象数组排序
说明：
sort()方法：需要添加比较函数，反复从数组中获取一对值，在比较的基础上返回<0、=0和>0的值。
其实和排序字符串、数值没什么区别，比较对象是按照对象中的某个属性比较，所以，我们只要取出对象中的某个属性比较即可。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery数组和字符串--对象数组排序</title>
<script type="text/javascript" src="rs/js/jquery.js"></script>
<script type="text/javascript">
<!--
$(
function()
{
var students =[
{'sid':'ST001','sname':'张三','sage':18},
{'sid':'ST004','sname':'赵六','sage':23},
{'sid':'ST002','sname':'李四','sage':42},
{'sid':'ST003','sname':'王五','sage':35}
];
//表格显示
$.each(students,
function(index, value)
{
$('#ia').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>');
}
);
//按照SID排序
var sidOrder = students.sort(
function(a, b)
{
if(a.sid < b.sid) return -1;
if(a.sid > b.sid) return 1;
return 0;
}
);
$.each(sidOrder,
function(index, value)
{
$('#ib').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>')
}
);
//按照SAGE排序
var sageOrder = students.sort(
function(a, b)
{
return (a.sage - b.sage);
}
);
$.each(sageOrder,
function(index, value)
{
$('#ic').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>')
}
);
}
);
//-->
</script>
</head>
<body>
<h5>未排序对象数组：</h5>
<table id='ia' border="1"></table>
<h5>按照SID排序对象数组：</h5>
<table id='ib' border="1"></table>
<h5>按照SAGE排序对象数组：</h5>
<table id='ic' border="1"></table>
</body>
</html>
分享到：
相关推荐
在 JavaScript 中，数组是一种特殊的数据结构，可以存储各种类型的数据，包括整型、字符串、对象等。虽然 JavaScript 不直接支持多维数组，但可以通过数组嵌套实现类似的功能。 1. **定义数组** - 定义固定长度的...
本文实例讲述了jQuery简单实现对数组去重及排序操作。分享给大家供大家参考，具体如下： 1. 去重： <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>JQ去重</...
本文重点介绍使用jQuery实现字符串去重的方法，共总结了三种技巧，分别适用于不同的场景和需求。 首先，我们要了解jQuery是什么。jQuery是一个快速、小型且功能丰富的JavaScript库，它通过一个简单易用的API为HTML...
对于数据排序，jQuery本身并不提供直接的排序方法，但我们可以通过操作DOM元素和JavaScript数组排序函数结合来实现。 1. **DOM元素排序** 当需要对页面上的DOM元素进行排序时，可以使用jQuery的`sort()`方法。这个...
避免不必要的DOM操作，可以使用数组排序后一次性更新DOM，而不是每次排序一个元素。 9. **代码结构**：良好的代码组织可以提高可读性和可维护性。通常，可以将排序逻辑封装为一个函数，以便在需要时调用。 10. **...
根据排序依据（属性或函数）创建一个临时数组，其中包含用于排序的属性值（字符串形式）和原始对象。 b. 对临时数组使用原生的sort方法进行排序。 c. 遍历排序好的临时数组，提取原始对象到最终排序结果数组中。 d....
在JavaScript中，数组和字符串是两种非常基础且重要的数据类型。它们各自有一系列的方法来处理和操作数据。这里我们将深入探讨这些方法。 首先，我们来看看字符串的一些常用方法： 1. `substring(start, end)`：这...
9-28 2 二维数组的定义使用 数组排序 9-28 3 顺序查找 二分查找 9-28 4 javascript面向对象编程 9-28 5 javascript对象存在形式 9-28 6 javascript类与对象 9-28 7 给对象指定成员函数 自定义工厂方法 9-30 1 课程...
在sort方法中，我们定义了一个比较函数，它使用了String对象的localeCompare方法来比较字符串，这个方法能够根据本地语言环境来比较字符串，并返回相应的数字（-1、0或1）。然后，我们遍历了排序后的数组，并通过...
9.2.2 数组和对象的操作/284 9.2.3 字符串操作/291 9.2.4 测试操作/293 9.2.5 URL操作/297 9.3 工具函数的扩展/299 9.4 其他工具函数—$.proxy() /302 9.5 综合案例分析—使用jQuery扩展工具函数实现对字符串...
本文档主要介绍了如何在jQuery环境下对JSON数组进行操作，涵盖数组的创建、元素的访问、添加、删除、截取、合并、拷贝、排序以及字符串化等常见操作。 #### 二、数组的创建 在jQuery中处理JSON数组时，首先需要创建...
- **字符串排序**：对文本数据进行字母顺序排序，可以区分大小写或者忽略大小写。 3. **Demo与源码** 提供的Demo是为了展示插件的实际效果和用法，通常包括一个或多个示例页面，用户可以通过查看和运行这些例子来...
数组排序在编程中是一个常见的需求，特别是对于需要展示随机数据的场景，比如随机推荐、抽奖应用、游戏等领域。 ### 一、JavaScript数组遍历技巧 在JavaScript中，遍历数组有多种方法，每种方法都各有特点，适用的...
9-28 2 二维数组的定义使用 数组排序 9-28 3 顺序查找 二分查找 9-28 4 javascript面向对象编程 9-28 5 javascript对象存在形式 9-28 6 javascript类与对象 9-28 7 给对象指定成员函数 自定义工厂方法 9-30 1 课程...
在JavaScript中，我们可以遍历表格的所有行，提取出每个单元格的数据，然后利用字符串的方法如`charAt(0)`来获取每个单元格内容的首字母。这个首字母将作为排序的依据。排序算法可以是常见的快速排序、冒泡排序或...
9-28 2 二维数组的定义使用 数组排序 9-28 3 顺序查找 二分查找 9-28 4 javascript面向对象编程 9-28 5 javascript对象存在形式 9-28 6 javascript类与对象 9-28 7 给对象指定成员函数 自定义工厂方法 9-30 1 课程...
9-28 2 二维数组的定义使用 数组排序 9-28 3 顺序查找 二分查找 9-28 4 javascript面向对象编程 9-28 5 javascript对象存在形式 9-28 6 javascript类与对象 9-28 7 给对象指定成员函数 自定义工厂方法 9-30 1 课程...
9-28 2 二维数组的定义使用 数组排序 9-28 3 顺序查找 二分查找 9-28 4 javascript面向对象编程 9-28 5 javascript对象存在形式 9-28 6 javascript类与对象 9-28 7 给对象指定成员函数 自定义工厂方法 9-30 1 课程...