JavaScript Fetch

Question

I'm, using yandex api translate to detect language from input value. First fetch return a language ui code as a string. Than i'm using another one fetch to transform that code to a name of this language (en -> english).

const getLang = (lang) => {
    fetch(`https://translate.yandex.net/api/v1.5/tr.json/getLangs?ui=en&key=${key}`)
        .then(response => {
            if (response.ok) return response
        })
        .then(response => {
            return response.json();
        })
        .then(data => {
            console.log(data.langs.lang);
        })
}

getLang function return me undefined because lang is a string. When I',m typing "data.langs.en" in console function return "English". How can I remake my variable lang?

score 0 · Answer 1 · answered Jul 14 '19 at 11:06

0

You can access the property using Property accessors:

const getLang = (lang) => {
    fetch(`https://translate.yandex.net/api/v1.5/tr.json/getLangs?ui=en&key=${key}`)
        .then(response => {
            if (response.ok) return response
        })
        .then(response => {
            return response.json();
        })
        .then(data => {
            console.log(data.langs[lang]);
        });
}

answered Jul 14 '19 at 11:06

Yaelet

160
10

Glad I could help! If this answer was helpful, feel free to mark it as a correct answer. – Yaelet Jul 14 '19 at 12:46

score 0 · Answer 2 · answered Jul 14 '19 at 11:15

0

you must use data.langs[lang] in to last "then".

answered Jul 14 '19 at 11:15

Hossein Akbarzadeh

315
1
2
11

score -1 · Answer 3 · answered Jul 14 '19 at 11:04

try this:

const getLang = (lang) => {
    fetch(`https://translate.yandex.net/api/v1.5/tr.json/getLangs?ui=en&key=${key}`)
        .then(response => {
            if (response.ok) return response
        })
        .then(response => {
            return response.json();
        })
        .then(data => {
            console.log(data.langs[lang]);
        })
}

JavaScript Fetch

3 Answers3