我遇到了自定义类的数组元素的问题。
我的类定义为:
export class Alarm {
id: string;
name: string;
time: string;
days: string[];
//My custom methods....
constructor (values: Object = {}){
Object.assign(this, values);
}
}
在我的(Angular)组件中,我定义了一组 Alarm 对象
var alarms: Alarm[] = [
new Alarm({ name: "Alarm 1", time: "06:55", days: ["MO", "TU"] }),
new Alarm({ name: "Alarm 2", time: "06:56", days: ["MO", "TU"] }),
new Alarm({ name: "Alarm 3", time: "06:57", days: ["MO", "TU"] }),
new Alarm({ name: "WAKE UP!", time: "06:58", days: ["MO", "TU"] })
];
如果我检查数组,我可以看到所有元素都是 Alarm 对象。
但是,如果我尝试从 ID 开始获取警报索引:
var alarmPosition = this.alarms.map((alarm) => alarm.id == id).indexOf(true);
在此指令之后,我的数组现在由对象元素填充,因此类中没有定义任何 Alarm 方法。
现在,我认为 map 函数不会修改原始数组,即使修改了,为什么我的 Alarm 对象变成了“简单”对象?
最佳答案
map
将生成新数组。根据您要查找的内容尝试使用 find
/filter
。
// Finds an alarm with given ID
var alarm = this.alarms.find((alarm) => alarm.id === id);
// Finds all alarms with given ID
var alarms = this.alarms.filter((alarm) => alarm.id === id);
关于javascript - TypeScript - 自定义类元素的 Array.map,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51404846/