For-Schleife funktioniert nicht mit js Kartenfunktion

Question

Ich versuche Array in HTML zu drucken, aber meine for-Schleife funktioniert nicht. Ich versuche, die Länge von dataArrayNew zu erhalten, aber es kommt nicht zurück, wo meine for-Schleife hinzugefügt wird. Wenn ich console.log(dataArrayNew.title); bin, kann ich das korrekte Ergebnis sehen. Ich befestige auch den Druckbildschirm meiner Browserkonsole.

var dataArrayNew = []; 

function fetch_section_data_1(){ 

var keys = Object.keys(localStorage).filter(function(key) { 
    return /^section\d+$/.test(key); 
}); 

var dataArray = keys.map(function(key) { 
    dataArrayNew = JSON.parse(localStorage.getItem(key)); 
    console.log(dataArrayNew.title); 
    //lengtharray = dataArrayNew.length; 
    //console.log(lengtharray); 
    //return JSON.parse(localStorage.getItem(key)); 
}); 

var $table = $("<table></table>"); 
for(i=0;i<dataArrayNew.length;i++){ 
    var array_no = dataArrayNew[i]; 
    var $line = $("<tr></tr>"); 
    $line.append($("<td></td>").html(array_no.title)); 
    $table.append($line); 
    console.log(dataArrayNew.title); 
} 

$table.appendTo(document.body); 

} 

Answer 1

Der Grund, warum Sie nicht die length Eigenschaft sehen können, ist, weil Sie dataArrayNew aus einem Array zu einem Ergebnis JSON.parse neu zuweisen, die ein Objekt ist, und Objekte haben nicht die Eigenschaft length. Anstatt den Wert von dataArrayNew der Neuzuordnung, warum Sie nicht drücken Sie den Wert von JSON.parse(localStorage.getItem(key)), um es, wie so:

dataArrayNew.push(JSON.parse(localStorage.getItem(key))); 

So Ihr Code wie folgt aussehen sollte:

var dataArrayNew = []; 
 

 
function fetch_section_data_1(){ 
 

 
    var keys = Object.keys(localStorage).filter(function(key) { 
 
    return /^section\d+$/.test(key); 
 
    }); 
 

 
    var dataArray = keys.map(function(key) { 
 
    var currIn = JSON.parse(localStorage.getItem(key)); 
 
    console.log(currIn); 
 
    // push data to dataArrayNew 
 
    dataArrayNew.push(currIn); 
 
    //lengtharray = dataArrayNew.length; 
 
    //console.log(lengtharray); 
 
    //return JSON.parse(localStorage.getItem(key)); 
 
    }); 
 

 
    var $table = $("<table></table>"); 
 
    
 
    // You should be able to get the length here now 
 
    for(var i = 0; i < dataArrayNew.length; i++){ 
 
     var array_no = dataArrayNew[i]; 
 
     var $line = $("<tr></tr>"); 
 
     $line.append($("<td></td>").html(array_no.title)); 
 
     $table.append($line); 
 
     console.log(dataArrayNew.title); 
 
    } 
 

 
    $table.appendTo(document.body); 
 

 
}