如何在過濾后的 Observable 上設置值

Question

我正在使用 Angular 9。我得到了一個過濾的對象列表。 我想更改返回的 object 上的值。

我有以下代碼：

  private setFilteredApproverOptions(): void {
    for (const field in this.approvalEditFormGroup.controls) {
      console.log(field);
      this.approvalEditFormGroup.get(field).valueChanges.subscribe(value => {
        if (value && typeof value.valueOf() === "string") {
          this.filteredApproverOptions = this._filter(value);
          this.filteredApproverOptions.forEach(person => {console.log(person)});
        }
      });
    }
  }

  private _filter(value: string): Observable<Person[]> {
    const filterValue: string = value.toLowerCase();
    let respApprovalState: Observable<Person[]> = this.getApproverOptions(filterValue);
    respApprovalState.subscribe(approverOptions => {
      return approverOptions.filter(option => (option.firstName.toLowerCase().includes(filterValue) || option.lastName.toLowerCase().includes(filterValue)));
    });
    return respApprovalState;
  }

  private getApproverOptions(searchString: string): Observable<Person[]> {
    let companyName: string = this.approvalEdit.companyName;
    let respApprovalState: Observable<Person[]> = this.service.getApprovers(companyName, searchString);

    respApprovalState.subscribe((approverOptions: Person[]) => {
      this.approverOptions = approverOptions as Person[];
      return approverOptions;
    },
    error => {
      console.log('Error calling getApprovers service', error);
      return null;
    });

    return respApprovalState;
  }

以下行：

this.filteredApproverOptions.forEach(person => {console.log(person)});

有這個 output：

我想將x和y值設置為硬編碼值（例如1 ）。

例如

x: 1, y: 1, personId: 105702...

問題

如何設置上述x和y值？

更多信息：

export class Person {
    public constructor(init?: Partial<Person>) {
      Object.assign(this, init);
    }
    x: number;
    y: number;
    personId: number;
    firstName: string;
    lastName: string;
    email: string;
    companyName: string;
    staffCode: string;
  }

Answer 1

你只需要 map 你的 observable 然后你的數組。 映射 observable 的工作方式幾乎與使用數組相同。 這里是 go：

const mapped = this.filteredApproverOptions.pipe(map(    // obs.pipe(map(...)) is changing each value coming in an observable/subject
    pArr => pArr.map(p => ({...p, x: 1, y: 1}))          // arr.map(...) is changing each value in an array
));

現在你可以訂閱它或任何你想用它做的事情，像這樣：

mapped.subscribe(val => console.log(val));

參考：

• 到 map 一個陣列
  • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
• 到 map 一個可觀察的
  • https://www.learnrxjs.io/learn-rxjs/operators/transformation/map
  • RxJS 中的 `map` 方法是什么意思？