如何從json數組中獲取一個javascript值

Question

我試圖從json數組中獲取javascript值。以下是我的JavaScript文件的一部分。我正在使用jsondata.value來獲取值。它在控制檯上正確顯示json數據，但jsondata.value無法獲取值。

Answer 1

我猜你的「jsondata」是DOM中的文本？如果是這樣，你想抓住DOM中的「字符串」並將其解析爲有效的JavaScript對象。要做到這一點，你需要適當地抓住它：

var jsondata = document.getElementById("jsonArray").value; 

然後，你需要分析它

var jsondataObj = JSON.parse(jsondata); 

在這一點上，jsondataObj是您的數據。如果你想將它填充到你的網格中，只需按照你想要的方式注入它。由於您已將數據注入到DOM中，因此不需要XHRHttpRequest：

var gridOptions = { ... [your options here] }; 

document.addEventListener('DOMContentLoaded', function() { 
    var gridDiv = document.querySelector('#myGrid'); 

    new agGrid.Grid(gridDiv, gridOptions); 

    var jsondata = document.getElementById("jsonArray").value; 

    var jsondataObj = JSON.parse(jsondata); 

    function isNumeric(n) { 
     return !isNaN(parseFloat(n)) && isFinite(n); 
    } 

    var parsedData = jsondataObj.map(function(obj) { 
     return Object.keys(obj).reduce(function(memo, key) { 
      var value = obj[key]; 
      memo[key] = isNumeric(value) ? Number(value) : value; 

      return memo; 
     }, {}) 
    }) 

    console.log(parsedData); 

    gridOptions.api.setRowData(parsedData); 

});