Javascript 如何迭代这个对象并以逗号分隔的方式显示它们？

我有一个小数组

var a = [{"id":"firstName","value":["Sam3","Sam5"]},{"id":"lastName","value":["Jones4","Jones5"]}] 

如何显示这样的值

key1val:key2val0，key2val1//firstName:Sam3，Sam5（用于对象1）
key1val:key2val0，key2val1。。。。依此类推姓氏：Jones4，Jones5（对象1）

---

我能够做到这一点没有循环，因为我是一个小物体在这一刻。但我想通过循环来适应大对象。我用这个来做反应。这是Demo Fiddle-

所以您要做的是创建一个html表，这样您就不必通过先获取名字再获取姓氏来重复两次

然后你可以做一些类似的事情：

return (
    <table style="width:100%">
        <tr>
            <th>Firstname</th>
            <th>Lastname</th>
        </tr>
        {a.map(item => (
            <tr>
                <td>{item.firstName}</td>
                <td>{item.lastName</td>
            </tr>
        )}
    </table>
)

返回(
名字
姓氏
{a.map（项=>(
{item.firstName}
{item.lastName
)}
)

如果您使用react，您可以像

a.map((obj,key) =>(
     <span key={key}>
         {obj.id}:  {obj.value.join(',')}
     </span>
))

a.map（（obj，key）=>(
{obj.id}：{obj.value.join（'，'）}
))

或

a.map（（obj，key）=>(
{obj.id}：
{
对象值映射（（名称、键）=>(
{name}
))
}
))

请立即展示您的工作代码示例。@joelgullander这是我愚蠢的方式。first\u names\u label=“first Name:”；first\u names=this.state.filtered[0].value.map（Name=>{Name}

）；last\u names\u label=“last\u names=this.state.filtered[1].value.map（Name=>{Name}

）；请用示例更新第一篇文章，并附上正确的格式：）你能帮我在这把小提琴里用叉子吗？我不打算在这把小提琴里用任何与表格相关的元素。不幸的是，你的问题表达得不好，所以我不知道你想达到什么目的。祝你好运！你能帮我在这把小提琴里用叉子吗？你能帮我叉子吗在这把小提琴里（请使用第一种方法）？

a.map((obj,key) =>(
     <span key={key}>
         {obj.id}:
         {
             obj.value.map((name, key) => (
                 <span key={key}>{name}</span>
             ))
          }
     </span>
))