javascript - Lodash 按未定义分组

Question

我有一个 Lodash 动物列表，我正在尝试按物种对其进行分组。首先，我获取 JSON，然后应用分组，然后将其输入 ionic 列表的 for 循环中。如果没有分组，数据将加载到列表中，但在应用分组时，我将返回未定义的数据。

 // Get the list of residents
 this.wwapi.getRepoData('discovery/find/' + this.section).subscribe(data => {
     this.allResidents = data;
     this.allResidentsAlphabet = _.chain(data).groupBy('Species').toPairs().map(item => _.zipObject(['SpeciesName', 'Species', item])).value();
     this.residents = this.allResidentsAlphabet;
});

虚拟 JSON 数据的结构如下:

{"Profileid":0,
"Name":"Annie",
"Dateadded":null,
"Picture":"assets/img/mammals/hero/1.jpg",
"About":null,
"Habitat":null,
"Story":null,
"Sizegraphic":null,
"Discoveryid":"mammals",
"Age":null,
"Ageinwild":null,
"Food":null,
"Foodinwild":null,
"Avgheight":null,
"Avgweight":null,
"Species":"skunk",
"Height":null,
"Weight":null,
"Likes":null}]

我怀疑问题可能出在映射上，因为我从数据的控制台日志中得到的返回是:

Object Species : undefined SpeciesName : undefined skunk,[object Object],[object Object] : undefined

所以我可以看到它正在返回它们，但是以一种奇怪的方式？

Answer 1

我对您的映射操作进行了一些尝试 - 在查看 Lodash 文档后，我认为问题可能是这个调用:

// Item isn't a prop name here, and no values are specified
_.zipObject(['SpeciesName', 'Species', item])

如果您使用以下内容，我想您可能会得到您正在寻找的数据:

_.chain(data)
    .groupBy('Species')
    .toPairs()
    .map(item => _.zipObject(['SpeciesName', 'Species'], item))
    .value();

不确定这是否是您要查找的数据，因为您没有在问题中指定您的输出 - 如果不是，请指定您所需的输出，以便我们提供进一步帮助。