Question

我有一个看起来像这样的数据结构：

 Observable<Array<LineChart>>

其中线形图的定义类似于

export interface LineChart  {
  name?: null | string;
  series?: null | Array<DateLineChartEntry>;
}

和DateLineChartEntry定义如下：

export interface DateLineChartEntry  {
  name?: string;
  value?: number;
}

其中的名称是字符串，其中包含日期。

对于此DataStructure的后续操作，我需要将DateLineChartEntry转换为sth。像这样：

export interface DateLineChartEntryConverted  {
  name?: Date;
  value?: number;
}

这意味着，我必须像这样映射所有DateLineChartEntries

DateLineChartEntry  => {
name: new Date(name),
value: value
}

我当前的解决方案如下：

    this.data = getObservable({ body: parameters }).pipe(
  map(lca => {
    var lcaConverted = [];

    for (var lc of lca) {
      var name = lc.name
      var lcN = {
        name: name,
        series: []
      };

      for (var e of lc.series) {
        var n = new Date(e.name);
        lcN.series.push({
          name: n,
          value: e.value
        });
      }

      lcaConverted.push(lcN);
    }

    return lcaConverted;
  })
);

哪一个很丑陋，我正在寻找一种“更精细”的解决方案。

是否有一种简单的方法可以通过使用初始Observable（并接收Observable作为输出）来做到这一点？

预先感谢您的帮助。

Answer 1

您是否正在寻找更清洁的东西？如果是这样，请研究一些较新的数组功能，而不要编写for：

this.data = getObservable({
        body: parameters
    }).pipe(
        map(lca => lca.map(entry => ({
                    name: entry.name,
                    series: entry.series.map(x => ({
                        name: new Date(x.name),
                        value: x.value
                    }))
                }))
            )
        );

特别是.map：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

可观察的变换

1 个答案: