javascript - TypeScript - 自定义类元素的 Array.map

Question

我遇到了自定义类的数组元素的问题。

我的类定义为:

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 对象变成了“简单”对象？

Answer 1

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