我有一个这样的对象:
export var PROJECT: any = {
id: "1",
name: "Hunkemoller",
teammembers: [
{
id: 1,
name: "Sarah Johnson",
firstname: "Sarah",
role: "Manager"
},
{
id: 2,
name: "Christian Johnson",
firstname: "Christian",
role: "Employee"
}
等等
我正在制作一个应用程序,我想在其中添加一个搜索元素,以便您可以搜索不同的团队成员。我想初始化每个团队成员的所有属性“名称”。这是唯一需要过滤的东西。
我想到了两种方法:
- 创建一个仅包含项目名称 > 团队成员的新数组 在里面。
- 只需初始化名称即可。但我还没有成功。
您能帮助我做出正确的选择并向我解释如何才能成功吗? 我什至现在不知道如何从现有数组中创建一个新数组。我在想这样的事情:
var teamMembers = project.teammembers.name();
但是除了这个选项之外,如果我可以只使用对象中的 name 属性,那将是最好的。
我到目前为止(我正在使用 Ionic 2/Angular 2)
<ion-searchbar (ionInput)="getTeammembers($event)" [(ngModel)]="searchQuery"></ion-searchbar>
<ion-list>
<ion-item *ngFor="let teammember of project.teammembers">
{{ teammember.name }}
</ion-item>
</ion-list>
在我的 typescript 文件中,我有以下内容:
initializeTeammembers() {
this.project.teammembers;
}
getTeammembers(ev) {
// reset teammembers back to all of the teammembers
this.initializeTeammembers();
// set val to the value of the searcbar
let val = ev.target.value;
// if the value is empty string, don't filter teammembers
if (val && val.trim() != '') {
this.project.teammembers.name = this.project.teammembers.name.filter((teammember) => {
return (teammember.toLowerCase().indexOf(val.toLowerCase()) > -1);
})
}
}
但是这不起作用。我收到错误:无法读取未定义的属性“过滤器”。
有谁可以帮助我吗?提前致谢。
最佳答案
您可以使用 Array.prototype.map 创建一个新的不同数组:
var teamMembers = project.teammembers.map(function(item){ return item.name });
var project = {
id: "1",
name: "Hunkemoller",
teammembers: [
{
id: 1,
name: "Sarah Johnson",
firstname: "Sarah",
role: "Manager"
},
{
id: 2,
name: "Christian Johnson",
firstname: "Christian",
role: "Employee"
}
]
};
console.log(project.teammembers.map(function(item){ return item.name }));
更好的方法是创建 pipe这将使用 Array.prototype.filter 过滤您的结果.
关于javascript - 从现有属性创建新数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38222228/