user3642449 user3642449 - 3 months ago 33
Javascript Question

Javascript Twitch API Json Data

The json data is here

{"streams":[{"_id":22748053072,"game":"Overwatch","viewers":11344,"created_at":"2016-08-10T00:04:34Z","video_height":720,"average_fps":60.3225806452,"delay":0,"is_playlist":false,"_links":{"self":"https://api.twitch.tv/kraken/streams/timthetatman"},"preview":{"small":"https://static-cdn.jtvnw.net/previews-ttv/live_user_timthetatman-80x45.jpg","medium":"https://static-cdn.jtvnw.net/previews-ttv/live_user_timthetatman-320x180.jpg","large":"https://static-cdn.jtvnw.net/previews-ttv/live_user_timthetatman-640x360.jpg","template":"https://static-cdn.jtvnw.net/previews-ttv/live_user_timthetatman-{width}x{height}.jpg"},"channel":{"mature":true,"status":"gold genji tonight? no strums tmrw- bach party all day!: dbh.la/timthetatman","broadcaster_language":"en","display_name":"TimTheTatman","game":"Overwatch","language":"en","_id":36769016,"name":"timthetatman","created_at":"2012-10-08T18:13:50Z","updated_at":"2016-08-10T03:33:20Z","delay":null,"logo":"https://static-cdn.jtvnw.net/jtv_user_pictures/timthetatman-profile_image-35bdf9d7b751789e-300x300.jpeg","banner":null,"video_banner":"https://static-cdn.jtvnw.net/jtv_user_pictures/timthetatman-channel_offline_image-f4e88d4e35841793-1920x1080.png","background":null,"profile_banner":null,"profile_banner_background_color":null,"partner":true,"url":"https://www.twitch.tv/timthetatman","views":27956760,"followers":743104,"_links":{"self":"https://api.twitch.tv/kraken/channels/timthetatman","follows":"https://api.twitch.tv/kraken/channels/timthetatman/follows","commercial":"https://api.twitch.tv/kraken/channels/timthetatman/commercial","stream_key":"https://api.twitch.tv/kraken/channels/timthetatman/stream_key","chat":"https://api.twitch.tv/kraken/chat/timthetatman","features":"https://api.twitch.tv/kraken/channels/timthetatman/features","subscriptions":"https://api.twitch.tv/kraken/channels/timthetatman/subscriptions","editors":"https://api.twitch.tv/kraken/channels/timthetatman/editors","teams":"https://api.twitch.tv/kraken/channels/timthetatman/teams","videos":"https://api.twitch.tv/kraken/channels/timthetatman/videos"}}}],"_total":1,"_links":{"self":"https://api.twitch.tv/kraken/streams?channel=timthetatman\u0026limit=25\u0026offset=0","next":"https://api.twitch.tv/kraken/streams?channel=timthetatman\u0026limit=25\u0026offset=25","featured":"https://api.twitch.tv/kraken/streams/featured","summary":"https://api.twitch.tv/kraken/streams/summary","followed":"https://api.twitch.tv/kraken/streams/followed"}}


When I convert that to an object and do something like
"streamData.streams.game" it gives me an error, and when I look in a json viewer it seems like streams is an an array, because it has a 0 by it, however I'm not sure how I can select the right one... I'm so stuck on this, I have no idea how to select any values in streams.

Answer

You are correct, the streams field is an array.

To access elements of an array, you simply do arrayName[elementNumber]. In the example you provided, the array only has 1 entry, so you can simply do streamData.streams[0].game. That will select the first (and only) element in the streams array and return it's game field.

Comments