Kann keine Variable mit JSON-Objekten an For-Schleife übergeben

Question

Ich versuche, Skript zu schreiben, um Objekt durchzulaufen und zurückzugeben, welcher Typ gleich dem benutzerdefinierten Datentyp ist, der in HTML festgelegt wird. Aber ich bin nicht in der Lage, Variable mit einem Array von Objekten an meine for-Schleife übergeben. Kannst du mir bitte sagen, was mache ich falsch in diesem Code? Ich erhalte:

nicht Eigenschaft 'Länge' undefinierter

PS lesen kann. Es hat sich in rohen JavaScript, kein jQuery

var btn = document.getElementById("btn"); 
var przepisy; 

function findData(data) { 
    var kuchnia = data.dataset.type; 
    var myRequest = new XMLHttpRequest(); 

    myRequest.onreadystatechange = function() { 
     if (this.readyState === 4 && this.status == 200) { 

      przepisy = JSON.parse(myRequest.responseText); 
     } 
    }; 

    myRequest.open('GET', 'js/przepisy.json'); 
    myRequest.send(); 


    for (i = 0; i < przepisy.length; i++) { 
     var results = ""; 
     var obj = przepisy[i]; 
     var type = przepisy.type; 

     if (type === kuchnia) { 

      results += obj.name; 

      document.write(results); 
     } 
    } 
} 

Answer 1

Das Problem getan werden, ist, dass Sie den Anruf an Ihre for-Schleife machen, bevor Sie die Daten wieder zu bekommen, weshalb die Länge 0. Sie sollten nur bewegen die for-Schleife in Ihre Antwort:

function findData(data) { 
     var kuchnia = data.dataset.type; 
     var myRequest = new XMLHttpRequest(); 

      myRequest.onreadystatechange = function() { 
      if (this.readyState === 4 && this.status == 200) { 

         przepisy = JSON.parse(myRequest.responseText); 

         for(i = 0; i < Object.keys(przepisy).length; i++) { 
          var results = ""; 
          var obj = przepisy[i]; 
          var type = przepisy.type; 

          if(type === kuchnia) { 

           results += obj.name; 

           document.write(results); 
         } 
        } 
      } 
     }; 

     myRequest.open('GET','js/przepisy.json'); 
     myRequest.send(); 



    }