API response undefined

Question

When I am trying to access the 0th index of the data I am getting error undefined but when I am trying to print out the whole object it is working fine. I am unable to access any element or loop over the data. The data variable works fine but the tSeries variable is undefined.

This is the code snippet:

var data;
var tSeries;



(async () => {
    const response = await fetch("https://www.alphavantage.co/query?function=TIME_SERIES_DAILY&symbol=IBM&apikey=" + key);
    apidata = await response.json();
    data = (apidata["Meta Data"]["2. Symbol"]);
    tSeries = (apidata["Time Series (Daily)"][0]);
    console.log(tSeries);
    
})();

Here is the JSON response snippet:

{
    "Meta Data": {
        "1. Information": "Intraday (5min) open, high, low, close prices and volume",
        "2. Symbol": "IBM",
        "3. Last Refreshed": "2020-06-24 16:00:00",
        "4. Interval": "5min",
        "5. Output Size": "Compact",
        "6. Time Zone": "US/Eastern"
    },
    "Time Series (Daily)": {
        "2020-06-24 16:00:00": {
            "1. open": "116.4600",
            "2. high": "116.6700",
            "3. low": "116.3800",
            "4. close": "116.4900",
            "5. volume": "263785"
        },
        "2020-06-24 15:55:00": {
            "1. open": "116.8000",
            "2. high": "116.8600",
            "3. low": "116.3500",
            "4. close": "116.4700",
            "5. volume": "154646"
        },
        "2020-06-24 15:50:00": {
            "1. open": "117.0100",
            "2. high": "117.1400",
            "3. low": "116.8500",
            "4. close": "116.8500",
            "5. volume": "99465"
        },
        "2020-06-24 15:45:00": {
            "1. open": "116.6900",
            "2. high": "117.0400",
            "3. low": "116.6600",
            "4. close": "117.0100",
            "5. volume": "83736"
        }

`Time Series (Daily)` seems to be an object without any purely numeric keys. Accessing objects by an index has been last possible for two decades ago. — Teemu, Jun 25 '20 at 09:32
If the keys are dynamic, loop through them: `const daily = apidata["Time Series (Daily)"]; for(const key in daily){ console.log(key, daily[key]) }` If you want the first key, then `Object.keys(daily)[0]`, first entry: `Object.entries(daily)[0]` — adiga, Jun 25 '20 at 09:46

mutantkeyboard · Answer 1 · 2020-06-25T10:05:18.800

0

It won't work like that.

You can either do apidata["Time Series (Daily)"]["2020-02-03"]

to get a specific object for the date, or you could use map/reduce/filter in order to get the desired results.

Object.values(apidata["Time Series (Daily)"]).map((value, index) => console.log(value));

Or for keys:


Object.keys(apidata["Time Series (Daily)"]).map((key, index) => console.log(key));

But you can do whatever you want with the values that you get from there.

edited Jun 25 '20 at 10:05

answered Jun 25 '20 at 09:37

mutantkeyboard

1,614
1
16
44

`map/reduce/filter` can be used on Array – Rohit Ambre Jun 25 '20 at 09:41
What are you talking about? You can always use `Object.keys(apidata).map((key, index) => //do whatever)`. The same thing applies to `Object.values(apidata).reduce((t, n) => // do whatever)` – mutantkeyboard Jun 25 '20 at 09:55

score -1 · Answer 2 · edited Jun 25 '20 at 14:11

-1

apidata["Time Series (Daily)"]["2020-06-24 16:00:00"]
should work.

Or you can put these daily objects on the array and then pick the first one.

edited Jun 25 '20 at 14:11

Rohit Ambre

921
1
11
25

answered Jun 25 '20 at 09:36

jatu

1

1

I think OP's issue is that the keys are dynamic and not known beforehand – adiga Jun 25 '20 at 09:48

API response undefined

2 Answers2