javascript - jQuery 遍历 JSON 字典

标签 javascript jquery html

对于这个 JSON 字典,

{
"user":null, 
"currency":"EUR",
"balance":0,
"tranlist": [ 
   { "date":"323","address":"a"},
   { "date":"121","address":"s"},
 ]
}

当我使用此功能时,我无法获取交易列表

$(document.body).append($(
 '<table>' + $.map(data, function(value,key){
     return '<tr><td>'+key+'</td><td>'+value+'</td></tr>'
  }).join('')+'</table>'
));

这是输出:

 currency   EUR
 balance    0
 transactions   [object Object],[object Object],[object Object],[object Object]

如何修复我的代码?

最佳答案

您显示的代码 (that I wrote in a previous answer) 旨在快速预览您的结构并作为对象浏览的示例。

现在您必须针对您的问题编写一些更具体的代码。例如:

  $(document.body).append($(
     '<table>' + $.map(data, function(value,key){
         console.log(value);
         return '<tr><td>'+key+'</td><td>'
             + ((value && $.isArray(value))
                 ? value.map(function(v){return v.date+':'+v.address}).join(', ')
                 : value
             )+ '</td></tr>'
      }).join('')+'</table>'
    ));

Demonstration

您也可以设计一个通用和递归的 toString 函数,但除了调试(console.log 对此更好)之外,没有太多意义。

关于javascript - jQuery 遍历 JSON 字典,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14216887/

相关文章:

javascript - 如何以编程方式确定方格图案中的方格状态?

javascript - 为每个带有类名的div动态创建按钮,并创建点击时显示/隐藏的功能

Javascript 从关联数组中查找最小数字(冒泡排序方法)

javascript - 如何按比例调整图像大小/保持纵横比?

javascript - 根据设备宽度更改视频标签属性(JQuery/Javascript)

javascript - 通过 javascript 将文本和图像的表格 html 导出到 Excel

javascript - 为什么在 Chrome 上忽略被拒绝的 promise 是错误的?

javascript - $(document).ready() 处理程序立即触发

javascript - 如何在 HTML 中隐藏和显示表单的输入元素

javascript - 单个 html 页面 - html 图表 -