浅谈JavaScript对象数组根据某属性sort升降序排序

阳光穿透心脏的1/2处 2022-06-16 04:09 170阅读 0赞

1、自定义一个比较器，其参数为待排序的属性。

2、将带参数的比较器传入sort()。

var data = [
    	{name: "Bruce", age: 23, id: 16, score: 80},
    	{name: "Alice", age: 24, id: 12, score: 90},
    	{name: "David", age: 21, id: 11, score: 70},
    	{name: "Cindy", age: 22, id: 10, score: 100},
    ];
    data.sort(compareUp("age"));
    data.sort(compareDown("age"));
    function compareUp(propertyName) { // 升序排序
        if ((typeof data[0][propertyName]) != "number") { // 属性值为非数字
    		return function(object1, object2) {
    			var value1 = object1[propertyName];
    			var value2 = object2[propertyName];
    			return value1.localeCompare(value2);
    		}
    	}
    	else {
    		return function(object1, object2) { // 属性值为数字
    			var value1 = object1[propertyName];
    			var value2 = object2[propertyName];
    			return value1 - value2;
    		}
    	}
    }
    function compareDown(propertyName) { // 降序排序
        if ((typeof data[0][propertyName]) != "number") { // 属性值为非数字
    		return function(object1, object2) {
    			var value1 = object1[propertyName];
    			var value2 = object2[propertyName];
    			return value2.localeCompare(value1);
    		}
    	}
    	else {
    		return function(object1, object2) { // 属性值为数字
    			var value1 = object1[propertyName];
    			var value2 = object2[propertyName];
    			return value2 - value1;
    		}
    	}
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，170人围观）

还没有评论，来说两句吧...

相关阅读

相关对象集合如何根据对象的某一个属性排序

1.Comparator对象进行排序这种写法较为简单的1.8的写法，也可以在对象中重写排序方法以达到排序的功能，但是对代码要求较高 > //按照List中对象的id属性升

深藏阁楼爱情的钟/ 2024年04月03日 12:24/ 0 赞/ 54 阅读

相关 JavaScript - 根据对象数组中某一属性删除该项（根据数组对象属性删除里面的对象）

前言 > 有时候，我们需要根据某一属性与属性值找到数组对象中对应的该项。例如，现有如下结构数组对象： // Array Object const

冷不防/ 2022年12月29日 09:18/ 0 赞/ 396 阅读

相关对象数组中根据属性值大小排序

let arr = [ {name:'a',age:23}, {name:'b',age:33}, {name:'c',

心已赠人/ 2022年10月07日 14:55/ 0 赞/ 224 阅读

相关 JavaScript - 二维对象数组去重（根据某一属性）

前言 > 有时候，我们可能需要数组去重，如果是一维数组，那么直接 ES6 语法 `[...new Set(array)]` 即可，如果是二维对象数组则无效了（一维数组去重

「爱情、让人受尽委屈。」/ 2022年08月31日 15:16/ 0 赞/ 254 阅读

相关 JS_js sort方法根据数组中对象的某一个属性值进行排序

sort方法接收一个函数作为参数，这里嵌套一层函数用来接收对象属性名，其他部分代码与正常使用sort方法相同. var arr = [ { name:

ゞ浴缸里的玫瑰/ 2022年08月31日 13:22/ 0 赞/ 168 阅读

相关浅谈JavaScript类数组对象转换为数组对象

1、类数组对象：拥有length属性，可以通过下标访问；不具有数组所具有的方法。 2、为什么要将类数组对象转换为数组对象？数组对象Array有很多方法：sh

谁践踏了优雅/ 2022年06月17日 11:41/ 0 赞/ 206 阅读

相关浅谈React实现table根据不同字段升降序排序

tableBox.html： <!DOCTYPE html> <html> <head> <link rel="stylesheet"

太过爱你忘了你带给我的痛/ 2022年06月16日 04:10/ 0 赞/ 397 阅读

相关浅谈JavaScript对象数组根据某属性sort升降序排序

1、自定义一个比较器，其参数为待排序的属性。 2、将带参数的比较器传入sort()。 var data = [ {name: "Bruce", age:

阳光穿透心脏的1/2处/ 2022年06月16日 04:09/ 0 赞/ 171 阅读

相关 js sort方法根据数组中对象的某一个属性值进行排序

转自:[http://www.cnblogs.com/yuwenjing0727/p/6856991.html][http_www.cnblogs.com_yuwenjing0

雨点打透心脏的1/2处/ 2022年06月04日 04:55/ 0 赞/ 205 阅读

相关 List对象数组排序（根据指定的属性）

话不多说直接上代码 / @author 633805 LYH @version V1.0 @description 对类的描述

Myth丶恋晨/ 2022年03月16日 04:06/ 0 赞/ 318 阅读