Kevin Powell - Community•16mo ago

Working with Sample API

let api = "https://randomuser.me/api/";

function fetchData() {
    fetch(api)
    .then(response => response.json())
    .then(data => {
        console.log(data);
    })
}

fetchData();

let api = "https://randomuser.me/api/";

function fetchData() {
    fetch(api)
    .then(response => response.json())
    .then(data => {
        console.log(data);
    })
}

fetchData();

I'm workig with a sample RandomUser API. When running this code, it returns this object (see img #1). I'm attempting to retreive the data within 'results'. Creating a variable like let result = data.result returns (see img #2). But, when I try to log the gender, but calling console.log(result.gender), I get undefined. How do I properly access the results data?

6 Replies

Jochem•16mo ago

results is an array, so even though it only has one entry, you have to treat it like an array either you can set your result variable to data.results[0] or you can console.log(result[0].gender)

MattOP•16mo ago

So results is an array with 1 item, which contains an object with all the additional information?

Jochem•16mo ago

yes

MattOP•16mo ago

Ahh okay, that makes sense. It seems like a weird way to format things on the API’s end Thank you

Choo♚𝕂𝕚𝕟𝕘•16mo ago

Using an array with only one item is a common technique if you want to allow the possibility of having more than one item in the future. This avoids the need to rewrite the code. Only the data source needs to change.

MattOP•16mo ago

Good to know, thank you

Gaming

Programming

Working with Sample API