JavaScript前端对象数组排序核心方法（支持多列排序）

最新推荐文章于 2025-03-24 15:50:54 发布

hllinc_006

最新推荐文章于 2025-03-24 15:50:54 发布

阅读量3.2k

点赞数

分类专栏：前端开发文章标签：前端对象 javascript 数据

本文链接：https://blog.youkuaiyun.com/hllinc8/article/details/52692923

版权

前端开发专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种基于JavaScript的多列排序算法实现方法，通过定义排序规则和递归生成排序函数来实现对数组中对象的多列排序。适用于前端开发中表格数据的灵活排序需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 缓存当前数据
var tempDataArray = [{name:"linc",age:28},{name:"linda",age:26}];
// 存储排序后的数据
var currentData = [];
// 排序数组，支持多列排序
var orderArr = [{colName:"name",orderDir:"desc"}];
// 生成排序脚本
var sortData = _generateByStr(orderArr);
currentData = tempDataArray.concat();
currentData.sort(eval(sortData));
// 生成多列排序字符串方法
function _generateByStr(tempDataArray) {
	var arr = tempDataArray.concat();
	if (arr == null || arr.length == 0) {
		return "";
	} else {
		if (arr.length > 1) {
			var a = arr[0];
			arr.shift();
			return "_sortBy('" + a.colName + "','" + a.orderDir + "',"
					+ _generateByStr(arr) + ")";
		} else {
			return "_sortBy('" + arr[0].colName + "','"
					+ arr[0].orderDir + "')";
		}
	}
}
// 排序主方法
function _sortBy(name, dir, minor) {
	return function(o, p) {
		var a, b;
		if (o && p && typeof o === 'object' && typeof p === 'object') {
			a = o[name];
			b = p[name];
			if (a === b) {
				return typeof minor === 'function' ? minor(o, p) : 0;
			}
			if (typeof a === typeof b) {
				if (dir == "asc") {
					return a < b ? -1 : 1;
				} else {
					return a > b ? -1 : 1;
				}
			}
			if (dir == "desc") {
				return typeof a < typeof b ? -1 : 1;
			} else {
				return typeof a > typeof b ? -1 : 1;
			}
		} else {
			throw("error");
		}
	};
}