forループがjsマップ関数で機能しない

Question

htmlで配列を印刷しようとしていますが、forループが機能しません。私はdataArrayNewの長さを取得しようとしていますが、私のforループが追加されていない場所に戻ってきません。もし私がconsole.log(dataArrayNew.title);なら、私は正しい結果を見ることができます。私はまた、私のブラウザコンソールの印刷画面を添付しています。あなたがオブジェクトであり、オブジェクトがプロパティlengthを持っていない結果JSON.parseに配列からdataArrayNewを再割り当てされているので、あなたがlengthプロパティを見ることができない理由

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

理由があります。代わりにdataArrayNewの価値を再割り当てを、なぜあなたはそうのように、それにJSON.parse(localStorage.getItem(key))の値をプッシュしていない：

は

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

だからあなたのコードは次のようになります。

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); 
 

 
}