Javascript 显示键的地图，而不仅仅是值

如果我有这个对象：

const json = {
  products: [
    {
      id: 0,
      name: "Chair Roby",
      style: "Leather",
      color: "red",
    }
  ]
};

我可以映射其中的数组，并显示数组中对象中的所有项，如下所示：

const prod = json.products.map(item => {
  return (
      <ul>
        <li>
          {item.name}
        </li>
        <li>
          {item.style}
        </li>
         <li>
          {item.color}
        </li>
      </ul>
  );
});

constprod=json.products.map（item=>{
返回(


{item.name}


{item.style}


{item.color}


);
});

这给我列出了值，但我如何才能同时显示诸如名称、样式和颜色之类的键呢？

试试这个

 Object.keys(json).map(Followed by necessary code)

---

在

对象上使用另一个嵌套映射。每个项目的条目

：

const json={
产品：[
{
id:0，
姓名：“Roby主席”，
款式：“皮革”，
颜色：“红色”，
},
{
福：“酒吧”
}
]
};
类MyList扩展了React.Component{
render（）{
返回json.products.map（（obj）=>(

{ 
Object.entries（obj.map）（[key，val]）=>(

{（'key:'+key+'，val:'+val）}

))
}

));
}
}
ReactDOM.render(
,
document.getElementById（“react”）
);
最好的办法是：

constprod=Object.keys（json.products）.forEach（productKey=>{
返回（
{productKey}-{json.products[productKey]}
）；
});
constprod=json.products.map（项=>

{Object.entries（item）.map（（键，值）=>
{key}:{value}
}

);
您对“keys”一词的含义是什么，例如在属性color中：“red”。Key是color，value是red。如何访问该颜色？使用。可能重复但
forEach
返回
未定义的
，您在那里计算的JSX将被丢弃
const prod = json.products.map(item =>
      <ul>
          {Object.entries(item).map((key, value) =>
             <li>{key}: {value}</li>
          }
      </ul>
);