javascript - 构造对象的按字母顺序排列的数组

我有一个带有名称属性的对象数组...

var myList = [{
  name: 'Apple'
}, {
  name: 'Nervousness',
}, {
  name: 'Dry'
}, {
  name: 'Assign'
}, {
  name: 'Date'
}]

本质上，我试图创建一个像这样的数组设置:

[{
  name: 'A',
  items: [{
    name: 'Apple'
  }, {
    name: 'Assign'
  }]
}, {
  name: 'D',
  items: [{
    name: 'Date',
  }, {
    name: 'Dry',
  }]
}, {
  name: 'N',
  items: [{
    name: 'Nervousness',
  }]
}];

基本上，我的对象数组需要按字母顺序排列，并放入一个新对象，其父键/值“name”以及相应的字母。

我可以按字母顺序如下:

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

然后，我可以创建第一个字母的数组...

var headerLetters = [];
angular.forEach(myList, function (item) {
  var firstLetter = item.name.charAt(0);
  if (headerLetters.indexOf(firstLetter) === -1) {
    headerLetters.push(firstLetter);
  }
});

但这就是我遇到的问题...我可以检查是否有重复的第一个字母，但是然后我将如何遍历对象列表并将它们按字母顺序推入新的对象数组中？

最佳答案

假设您首先按字母顺序对它们进行排序，那么您始终可以只检查数组中的最新项，并查看其是否与当前名称匹配。

var headerLetters = [];
angular.forEach(myList, function(item) {
  var firstLetter = item.name[0];
  var lastObj = headerLetters[headerLetters.length - 1];
  if (!lastObj || lastObj.name !== firstLetter) {
    lastObj = {
      name: firstLetter,
      items: []
    };
    headerLetters.push(lastObj);
  }
  lastObj.items.push(item);
});