JSON.stringifyオブジェクトのデータにアクセスする必要があります

Question

この質問の背景は、GoogleビジュアライゼーションカレンダーのaddListenerから選択したセルにアクセスしようとしています。私はJSON.stringify(chart.getSelection());を使って、選択したセルを印刷することができました。 [{"date":1468195200000,"row":0}]と表示されます。

私の問題は、この日付オブジェクトにアクセスすることです。私はそれにアクセスしようとしました

var obj=JSON.stringify(chart.getSelection()); 
     console.log('selected value '+obj.date); 

しかし、これはUndefinedと表示されます。 objを印刷すると[オブジェクト、オブジェクト]として表示されます

詳細が必要な場合はお知らせください。どんな提案もありがとうございます。

Answer 1

JSON.stringify（）は、データオブジェクトを文字列にシリアライズします。オブジェクトに直接アクセスするだけです。

var data = chart.getSelection()[0]; // assuming there is only ever one item in the selection array. 
console.log(data.date) 

Answer 2

これを試してみてください：

var data = [{"date":1468195200000,"row":0}] 
 

 
var rw = data[0].row; 
 
var dt = new Date(data[0].date); 
 

 
console.log(rw); 
 
console.log(dt);

Answer 3

これは、オブジェクトの配列であるが、この配列内の1つのオブジェクトのみが存在する（またはそう私は思う）ので、あなたが何をすべきかであります代わりにconsole.log(obj[0].date);！

Answer 4

慎重両方の選択が行われたとき、'select'イベントが発生

chart.getSelection()[0]

'select'イベントを受け取る際に直接最初の配列要素へのアクセス、削除

ので上記の行は、選択が解除されたときにに失敗します。

は、アクセスする前にlengthを確認...

selection = chart.getSelection(); 
    // check selection length 
    if (selection.length > 0) { 
    console.log(selection[0].date); 
    } else { 
    console.log('selection removed'); 
    } 

がある

google.charts.load('current', { 
 
    callback: function() { 
 
    var dataTable = new google.visualization.DataTable(); 
 
    dataTable.addColumn({ type: 'date', id: 'Date' }); 
 
    dataTable.addColumn({ type: 'number', id :'Score' }); 
 
    dataTable.addRows([ 
 
     [ new Date(2016, 3, 13), 101 ], 
 
     [ new Date(2016, 3, 14), 102 ], 
 
     [ new Date(2016, 3, 15), 103 ], 
 
     [ new Date(2016, 3, 16), 104 ], 
 
     [ new Date(2016, 3, 17), 105 ] 
 
    ]); 
 

 
    var chart = new google.visualization.Calendar(document.getElementById('chart_div')); 
 
    google.visualization.events.addListener(chart, 'select', function() { 
 
     var selection = chart.getSelection(); 
 

 
     // check selection length 
 
     if (selection.length > 0) { 
 
     console.log(selection[0].date); 
 
     } else { 
 
     console.log('selection removed'); 
 
     } 
 
    }); 
 
    chart.draw(dataTable); 
 
    }, 
 
    packages:["calendar"] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>