javascript - 使用 underscore.js 对数组进行排序时遇到问题

Question

我正在尝试对以下列表进行排序。但我明白了:

B布勒伯勒

一个艾格尼丝

C卡拉

我想要这个:

一个艾格尼丝

B布勒伯勒

C卡拉

我在这里看到了: how to display names in alphabetical groups in Handlebarsjs underscorejs

任何帮助都会非常好......

var series =
    [
        { slug: "et", title: "Buller" },
         { slug: "fem", title: "Bøller" },
        { slug: "to", title: "Agnes" },
        { slug: "tre", title: "Cara" }
    ];  




   function sortByName (array){
    return _.sortBy(array, "title");
}





groupedContacts = _.groupBy(series, function(contact){ 
    return contact.title.substr(0,1); 
}); 


   _.each(groupedContacts, function (series, key) {



    console.log(key); // writes the Index letter

    // optional sort

 var sortedContacts = _.sortBy(series, function (contact) {
         return contact.title;
     });


     _.each(sortedContacts, function(contact) {
         // Writes the contact name
         console.log(contact.title); 

     });
});    

Answer 1

为什么要排序就需要分组。删除以下代码

groupedContacts = _.groupBy(series, function(contact){ 
    return contact.title.substr(0,1); 
}); 


_.each(groupedContacts, function (series, key) {


    console.log(key); // writes the Index letter

    // optional sort

    var sortedContacts = _.sortBy(series, function (contact) {
         return contact.title;
    });


    _.each(sortedContacts, function(contact) {
        // Writes the contact name
        console.log(contact.title); 

    });
});

只需使用sortBy即可。

var series = [
    { slug: "et", title: "Buller" },
    { slug: "fem", title: "Bøller" },
    { slug: "to", title: "Agnes" },
    { slug: "tre", title: "Cara" }
];

var sorted = _.sortBy(series, 'title');

document.getElementById('sorted').innerHTML = JSON.stringify(sorted);

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>


<div id="sorted"></div>