Javascript 如何从另一个多维数组中的对象属性创建包含所有首字母的数组？

我有一个包含对象的数组，每个对象都包含一个名为name的属性

现在我想要第二个数组，其中包含第一个数组中每个name属性的第一个字母。如果首字母还不存在，则应将其保存在名为header的属性中

我只想让一个字母出现一次，因为这个脚本用于一个字母标题列表，每个标题都包含一个以相同字母开头的名称列表

我创建了一个使用内置JavaScript“filter”方法的函数，该方法用于检查是否已经存在第一个字母的值。但由于某种原因，它不起作用。无论我提供什么字母，过滤器总是返回一个空数组

我一直在试图弄明白为什么我的脚本没有成功。我非常感谢您的帮助

var fruit = [{title:"Apple"},{title:"Avocado"},{title:"Banana"},{title:"Cucumber"}];
var sections = [];
function createAlphabetSections(array) {
        for(var i = 0; i < array.length; i++){
            var firstLetter = array[i].title.charAt(0).toUpperCase();
            var section = sections.filter(function (section) { return section.header === firstLetter;});
            if(sections.length === 0){
                sections.push([{header: firstLetter}]);  
            } else if (section.length > 0){
                sections.push([{header: firstLetter}]);
            }
        }
}
createAlphabetSections(fruit);

var水果=[{title:“苹果”}，{title:“鳄梨”}，{title:“香蕉”}，{title:“黄瓜”}]；
var部分=[]；
函数CreateAlphabets分区（数组）{
对于（var i=0；i0）{
push（[{header:firstLetter}]）；
}
}
}
创建字母表（水果）；

首先使用map从当前数组构建一个新数组。然后过滤掉所有重复项

var sections = fruit.map(function (item) {
    // Return the first letter of the title property
    return item.title.substring(0, 1);
}).filter(function (value, index, self) {
    // http://stackoverflow.com/a/14438954/1789518
    return self.indexOf(value) === index;
});

---

请提供预期函数输出的示例。函数应返回一个对象数组。每个对象都应该有一个名为header的属性，该属性具有分配给它的第一个数组中每个title属性的第一个字母。应该删除重复项：

[Object{headerTitle=“A”}，Object{headerTitle=“B”}，Object{headerTitle=“C”}]

此解决方案也非常有用。非常感谢！代码运行得很好。我花了一些时间才弄明白这里发生了什么：

returnself.indexOf（value）==indexvar sections=fruit.map（函数（item）{return item.title.substring（0，1）；}）.filter（函数（value，index，self）{return self.indexOf（value）==index；}）.map（函数（item）{return return headerTitle:item}

var getLetters = function(items) {
    var letters = [];

    items.forEach(function(item) {
        if(letters.indexOf(item.title[0].toUpperCase()) === -1) {
            letters.push(item.title[0].toUpperCase());
        }
    });

    return letters;
};

getLetters([{title:"Apple"},{title:"Avocado"},{title:"Banana"},{title:"Cucumber"}]);