Angular中类数组变量应在subscribe前还是next回调内初始化？

你遇到的重复值问题，根源在于HTTP请求的异步特性：

如果在subscribe前初始化数组，当getAllDates方法被多次调用时，前一次请求还没完成，后一次调用就已经把数组清空了。等前一次请求返回后，它会把数据追加到已经被后一次调用初始化过的数组里，导致两次请求的数据都留在数组中，出现重复。

正确的做法 #

把数组初始化放在next处理器的开头：

getAllDates() {
    this.accountService.getAllDates()
      .pipe(first())
      .subscribe({
        next: (value: ScheduleDateTimes) => {
          this.futureScheduleDateStrings = []; // 在这里初始化数组
          this.scheduleDateTime = value.scheduleDateTimes;

          // 执行你的日期追加逻辑，比如遍历scheduleDateTimes添加到数组
          ...
        },
        error: error => {
          console.log(error); // 建议打印具体错误信息，方便排查
        }
      });
}

这样做的好处是，每一次请求返回时，都会先清空数组，再处理当前请求的数据，确保数组里始终只有当前请求的最新结果，不会因为异步请求的返回顺序问题导致重复。

如果你的业务需求是每次调用getAllDates都要覆盖之前的日程数据，这种方式是最安全的。

内容的提问来源于stack exchange，提问作者janci