javascript - 对对象数组和这些对象中的嵌套数组进行排序

Question

更新示例，因为它与帖子中给出的对象结构不匹配

有一个数组，里面有多个这样的对象:

{ 
    text: text,
    elements: [
        { 
            id: id, 
            page: pageNumber 
        }
    ]
}

现在我需要用两种方式对内容进行排序:

1. 按文本字段对所有数组元素进行排序

我会这样做:

array.sort(function(a,b) {
    if (a.text < b.text) return -1;
    if (a.text > b.text) return 1;
    return 0;
});

1. 嵌套的 elements 数组的内容也应该按 page 字段排序。

我不知道如何对嵌套在对象中的数组进行排序...不幸的是，它变得更加困难，因为元素是字符串，但代表一些页码。那么我怎样才能以正确的方式对这些数据进行排序，因为元素可能看起来像 123 或 23-34？在 123-125、23-34 的情况下，最后一个元素应该是第一个。

示例

[
    {   
        text: 'Some text',
        elements: [
            { id: 1, pages: '45-67' },
            { id: 2, pages: '12-34' }
        ]

    },
    {
        text: 'Another text',
        elements: [
            { id: 3, pages: '12-34' }
        ]
    }
]

应排序为:

[
    {
        text: 'Another text',
        elements: [
            { id: 3, pages: '12-34' }
        ]
    },
    {   
        text: 'Some text',
        elements: [
            { id: 2, pages: '12-34' },
            { id: 1, pages: '45-67' }
        ]

    },
]

因此对象顺序发生了变化，因为 A 在 S 之前，并且(现在)第二个对象中的页面元素顺序相反。

Answer 1

对于第一部分，您可以使用 String#localeCompare 的力量.并为页面数组使用另一个排序函数来拆分字符串。

var array = [{ id: 1, text: 'Some text', elements: [{ id: 1, pages: '45-67' }, { id: 2, pages: '12-34' }, { id: 4, pages: '12-5' }, { id: 5, pages: '12' }] }, { id: 3, text: 'Another text', elements: [{ id: 3, pages: '12-34' }] }];

array.sort(function (a, b) {
    return a.text.localeCompare(b.text);
});

array.forEach(function (el) {
    el.elements.sort(function (a, b) {
        var aa = a.pages.split('-'),
            bb = b.pages.split('-');
        return aa[0] - bb[0] || (aa[1] || 0) - (bb[1] || 0);
    });
});
    
console.log(array);