Why does "data.foreach is not a function" happen like this?

Question

JavaScript

Hello! Can you please tell me how to fix this error, "data.foreach is not a function"?
There is api. We need to get the title elements and output to the console

var api = new XMLHttpRequest();
api.open("GET", "http://swapi.co/api/films/", true);

api.onload=function(){
  var data=JSON.parse(this.response);
  
  data.forEach( film => {
    console.log(film.title);
  });
}
api.send();

Answer 1

The fact is that the array of films, if you look at , is contained not in the root object of the response, but in the field results.
Those. you need to change to:data.results.forEach( film => {

Answer 2

If you need to iterate over the answer, then why not do it right away when parsing.

var data = JSON.parse(response, function(key, value) {
  console.log(key, value);
});