javascript - 如何根据javascript中嵌套数组的长度对对象数组进行排序

Question

我在 javascript 中有一个对象数组，每个对象又都有一个数组:

{
    category: [ 
        { name: "Cat1", elements : [ 
            { name: name, id: id } ] 
        },
        { name: "Cat2", elements : [ 
            { name: name, id: id },
            { name: name, id: id },
            { name: name, id: id } ] 
        }, 
        { name: "Cat3", elements : [ 
            { name: name, id: id },
            { name: name, id: id } ] 
        }
    ]
}

我想根据嵌套数组“元素”中对象的数量对数组“类别”进行排序。

例如，排序后，上面的对象可能看起来像这样(降序):

{
    category: [ 
        { name: "Cat2", elements : [ 
            { name: name, id: id },
            { name: name, id: id },
            { name: name, id: id } ] 
        }, 
        { name: "Cat3", elements : [ 
            { name: name, id: id },
            { name: name, id: id } ] 
        },
        { name: "Cat1", elements : [ 
            { name: name, id: id } ] 
        }

    ]
}

我想知道是否可以使用 javascript 的 sort() 方法来完成此操作。有什么建议吗？

提前致谢!

Answer 1

sort 方法接受一个函数，您可以在其中定义如何比较两个元素。这是 relevant documentation .

compareFunction Specifies a function that defines the sort order. If omitted, the array is sorted lexicographically (in dictionary order) according to the string conversion of each element.

如果提供了 compareFunction，数组元素将根据比较函数的返回值进行排序。如果 a 和 b 是被比较的两个元素，则:

• 如果 compareFunction(a, b) 小于 0，则将 a 排序为比 b 低的索引。

• 如果 compareFunction(a, b) 返回 0，则保持 a 和 b 彼此不变，但根据所有不同元素进行排序。注意:ECMAscript 标准不保证这种行为，因此并非所有浏览器(例如至少可追溯到 2003 年的 Mozilla 版本)都遵守这一点。

• 如果 compareFunction(a, b) 大于 0，则将 b 排序为比 a 低的索引。

示例代码

var sorted_categories = original.category.sort(function (one, other) {
   //a - b is 
   //   0 when elements are the same
   //  >0 when a > b
   //  <0 when a < b
   return one.elements.length - other.elements.length;
});