javascript - 遍历 JSONObject 并打印结果

标签 javascript jquery

我需要遍历一个 jsonobject 并打印属性名称。我正在使用下面的代码继续工作,但不确定是什么问题。

js

var jsonobject = [{'name':'Bob','age':'20','sex':'male'},
                 {'name':'Tom','age':'30','sex':'male'},
                 {'name':'Mike','age':'40','sex':'male'},
                 ]

jsonobject.forEach(function(entry) {
    empname = entry.name;
    $('#test').html('<b>entry.name</b>')
})

html

<div id='test'>
</div>

最佳答案

你离得很近, 试试这个:

jsonobject.forEach(function(entry) {
    var empname = entry.name;
    $('#test').append('<b>'+empname+'</b><br />')
})

Demo

我改变了什么:

  • 我连接了值 empname使用连接运算符 + .
  • 用过.append()而不是 .html() ,否则你总是在替换每个新值。
  • 添加了 <br />只是为了让它们出现在新的一行中。
  • 已添加 var之前empname避免在全局范围内的干扰。

关于javascript - 遍历 JSONObject 并打印结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20570296/

相关文章:

javascript - 无法循环遍历 Bootstrap Popover 中的数据内容以显示 Python 列表数据

jquery - 从其他网络浏览器拖动图像后图像没有变化

javascript - JS : Hashing function for combinable hashes from Objects

javascript - Angular 指令将变量解析为函数

jquery 热键在当前浏览器中不起作用?

jquery - CSS 过渡不适用于 jQuery 切换类

javascript - 将一个对象包含在另一个对象中

javascript - 动态搜索div列表

javascript - React 中的 throttle

javascript - angular ngShow 与 animate.css