如何将JSON数组从Javascript打印到HTML

时间:2018-12-27 23:37:35

标签: javascript html arrays

我正在尝试从JSON数组中打印单个值,但似乎无法正常工作。

Json代码就是这种格式,大约有1000个成员,每个成员具有10个参数  {     “ A”:0,     “ B”:1     “ C”:2   }, 我可以使用console.log(list [1] .A)正确地检索该值,但似乎无法使其以HTML格式打印

这可能是一个新手问题,但我测试过的解决方案似乎都不起作用。 那么如何在HTML中打印JSON数组的特定成员?

JavaScript

var fs = require('fs');

var list = JSON.parse(fs.readFileSync('csvjson.json', 'utf8'));

document.getElementById("insert").innerHTML = list[1].A;


HTML

<div id='insert'>
</div>
<script src='jsfile.js'>
</script>

1 个答案:

答案 0 :(得分:0)

这完全取决于您收到的JSON数据格式以及如何访问变量。 不要总是信任控制台,有时您可以在控制台中看到元素的值,而实际上您需要使用getter函数来拥有此值。 当您在Google Maps项目上工作时尤其如此。 简而言之,如果JSON格式与我的代码相同,则您输入的代码应该可以使用。 那就是数组内的对象。 我建议您检查JSON格式并检查如何恢复该值。 希望对您有帮助。

var div1 = document.getElementById('div1');
var objet1 = [{name: "Sallo",lastname: "hi"},{name: "Salou",lastname: "Everyone"}];

//Here objets json in array
div1.innerHTML = objet1[0].name;
<div class="inner" id="div1">
</div>