javascript - jQuery配列アイテムを表示すると[オブジェクト、オブジェクト]が表示されます

Question

ここに私のコードがあります: http://jsfiddle.net/yvonnezoe/MKfLU/9/

配列に格納されている値を知りたいので、何がプッシュされ、配列からスプライスされたかを簡単に監視できます。を使用するなど、さまざまな方法を試しましたtoString()。

$.each(rowArray, function(index, value){
      newHTML.push('<span>'+value+'</span>');
});
      $("#test").html(newHTML.join(" , "));

など...そして、常に「[オブジェクト、オブジェクト]」が表示されます。なんでそうなの？

Answer 1

配列内の行は、2 つのオブジェクトのセットです。次のように値を表示する必要があります。

for(i=0;i<existingRows.length;i++){
    $('#test').html(existingRows[i].type + ' ' + existingRows[i].number +'<br>');
}

編集：

すべての行について正しく情報を取得したい場合は、appendメソッドを使用する必要があります。使用するhtmlと、要素の現在の HTML が置き換えappendられ、実際に存在するものの最後にコンテンツが追加されるためです。

$('#test').html(''); //clear current content
for(i=0;i<existingRows.length;i++){
    $('#test').append(existingRows[i].type + ' ' + existingRows[i].number +'<br>');
}

Answer 2

valueオブジェだから。

使用するnewHTML.push('<span>'+JSON.stringify(value)+'</span>');