Итерация по наблюдаемому AlphaVantage

Question

Я хочу перебрать Observable, но возвращаемое значение требует ключ. Как я могу перебрать временные ряды и получить значения для открытия, максимума, минимума, закрытия и объема. Вот интерфейс Typescript.

export interface DailyPrices {
  'Meta Data': MetaData;
  'Time Series (Daily)': { [key: string]: TimeSeriesDaily };
}

export interface MetaData {
  '1. Information': string;
  '2. Symbol': string;
  '3. Last Refreshed': Date;
  '4. Output Size': string;
  '5. Time Zone': string;
}

export interface TimeSeriesDaily {
  '1. open': string;
  '2. high': string;
  '3. low': string;
  '4. close': string;
  '5. volume': string;
}

Вот метод обслуживания.

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { DailyPrices } from '../ApplicationModels/DailyTimeseries';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class PricingService {
  constructor(private http: HttpClient) {}

  rootUrl =
    `https://www.alphavantage.co/query?` +
    `function=TIME_SERIES_DAILY&symbol=MSFT&apikey=********`;

  getDailyPricing(): Observable<DailyPrices> {
    return this.http.get<DailyPrices>(this.rootUrl);
  }
}

Здесь находится компонент, в котором я sh собираю указанные c значения для каждой точки данных временного ряда.

export class HomepageComponent implements OnInit {
  constructor(private pricingService: PricingService) {}
  dates: DailyPrices;
  open: string;
  homepageChart: any;
  lineChartOptions = {
    responsive: true
  };
  lineChartType = 'line';

  ngOnInit() {
    this.getData();
  }

  getData() {
    this.pricingService.getDailyPricing().subscribe(data => {
      this.dates = data;
    });
  }
}

Answer 1

Вы можете на самом деле оставить интерфейсы и все, что у вас есть, так, как есть.

Это был бы один из способов перебора полученных данных:

this.pricing.getDailyPricing().subscribe(data => {
  Object.entries(data['Time Series (Daily)']).forEach(([date, timeSeriesDaily])=> {
    console.log(date); // 2019-11-05
    console.log(timeSeriesDaily); // {1. open: "143.8400", 2. high: "144.8800", 3. low: "143.7700", 4. close: "144.2600"…}
    console.log(timeSeriesDaily['1. open']); // 143.8400
  });
});

Кроме того, я предложил бы вам переосмыслить sh ваш ключ API после этого, так как не очень хорошая идея поделиться им.

Answer 2

Чтобы получить значения из объекта, вы можете l oop по клавишам:

const data = {
  'Meta Data': {
    '1. Information': 'info',
    '2. Symbol': 'symbol',
    '3. Last Refreshed': '2020-05-40',
    '4. Output Size': 'output',
    '5. Time Zone': 'time zone'
  },
  'Time Series (Daily)': {
    someKey: {
      '1. open': 'someKey#open',
      '2. high': 'someKey#high',
      '3. low': 'someKey#open',
      '4. close': 'someKey#close',
      '5. volume': 'someKey#volume',
    },
    someOtherKey: {
      '1. open': 'someOtherKey#open',
      '2. high': 'someOtherKey#high',
      '3. low': 'someOtherKey#open',
      '4. close': 'someOtherKey#close',
      '5. volume': 'someOtherKey#volume',
    }
  }
};
const timeSeries = data['Time Series (Daily)'];
const parentKeys = Object.keys(timeSeries);

parentKeys.forEach(parentKey => {
  const parentValue = timeSeries[parentKey];
  const childKeys = Object.keys(parentValue);
  
  console.group(`Values for ${parentKey}:`);

  childKeys.forEach(childKey => {
    console.log({ key: childKey, value: parentValue[childKey] });
  });

  console.groupEnd();
});

Обратите внимание, что для этого образца я следую форме предоставленных интерфейсов .