Возвращаемые данные от json и AJAX

Question

Я хотел бы отобразить все задания с XMLHttpRequest из json-данных, но я не могу отображать свои данные. Это моя функция:

function getJobs() { 
    let httpRequest = new XMLHttpRequest(); 
    httpRequest.open('GET', 'http://codepen.io/jobs.json', true); 
    httpRequest.onreadystatechange =() => { 
    if (httpRequest.readyState == 4) { 
     let data = JSON.parse(httpRequest.responseText); 
     Object.keys(data).forEach((key) => { 
     console.log(key[0].company_name); // undefine 
     }); 
    } 
    }; 
    httpRequest.send(); 
} 

getJobs(); 

Можете ли вы помочь мне о моем forEach? Json - объект массива, с некоторым объектом ^^

Спасибо!

Answer 1

Попробуйте этот объект

function getJobs() { 
    let httpRequest = new XMLHttpRequest(); 
    httpRequest.open('GET', 'http://codepen.io/jobs.json', true); 
    httpRequest.onreadystatechange =() => { 
    if (httpRequest.readyState == 4) { 
     let data = JSON.parse(httpRequest.responseText); 
     data.jobs.forEach(function(key, value) { 
     console.log(key.company_name); 
     }); 
    } 
    }; 
httpRequest.send(); 
} 

Answer 2

Переменная key держит имя свойства (то есть ключ), он не имеет значение свойства.

var value = data[key]; 
console.log(value[0].company_name);