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

Question

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

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

我只希望有一个字母出现一次,因为此脚本旨在用于字母标题列表,每个字母标题包含以相同字母开头的名称列表.

我创建了一个使用内置JavaScript"过滤器"方法的函数,该方法应检查是否已存在具有此首字母的值.但由于某种原因,它不起作用.无论我提供什么字母,过滤器总是返回一个空数组.

我一直试图弄清楚为什么我的脚本没有成功.我非常感谢任何帮助!

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);

Answer 1

首先使用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;
});