js数组根据多个属性进行排序

原创已于 2023-10-10 17:38:59 修改 · 8.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js

于 2018-03-03 19:59:49 首次发布

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的数组排序方法，该方法能够按照颜色(color)进行第一级排序，然后在同一颜色组内按尺寸(size)进行第二级排序。通过自定义排序函数实现了这一逻辑，并展示了具体的代码实现细节。

先按照color排好序，再按照size进行排序

var d = [{"color": "red", "size": "1"},{"color": "red", "size": "2"},{"color": "blue", "size": "3"},{"color": "blue", "size": "2"},{"color": "blue", "size": "1"}];
 
var sortTwoCate=function(a,b){
 
  if (a["color"] === b["color"]) {
        if (a["size"] > b["size"]) {
            return 1;
        } else if (a["size"] < b["size"]) {
            return - 1;
        } else {
            return 0;
        }
    } else {
        if (a["color"] > b["color"]) {
            return 1;
        } else {
            return - 1;
        }
    }
 
}
d.sort(sortTwoCate);
console.log(JSON.stringify(d));

输出内容:

[{"color":"blue","size":"1"},{"color":"blue","size":"2"},{"color":"blue","size":"3"},{"color":"red","size":"1"},{"color":"red","size":"2"}]