Javascript 在不知道对象的键的情况下访问对象值

Javascript 在不知道对象的键的情况下访问对象值,javascript,reactjs,Javascript,Reactjs,我确实完成了reactjs教程,并开始制作一个以json格式存储数据的webapp。我能够从json数据中找到我的对象,该对象将表示如下内容: var data={ name:<h1>Ram</h1>, description:<p>I want to be a Developer</p>, contact:<ul><li>66546464/li><li>66546464/li>

我确实完成了reactjs教程,并开始制作一个以json格式存储数据的webapp。我能够从json数据中找到我的对象,该对象将表示如下内容:

var data={
    name:<h1>Ram</h1>,
    description:<p>I want to be a Developer</p>,
    contact:<ul><li>66546464/li><li>66546464/li></ul>,
    DOB:<h4>23.05.2017</h4>
    }
输出应如下所示:

   <div>
       <h1>Ram</h1>
       <p>I want to be a Developer</p>
        <ul><li>66546464/li><li>66546464/li></ul>
        <h4>23.05.2017</h4>
    </div>

内存
我想成为一名开发者

  • 66546464/li>
  • 66546464/li>
      23.05.2017
是否可以在不知道键的情况下显示值?如果是的话,请帮助我好吗


欢迎批评

在不使用HTML标记的情况下存储数据更有意义(使用标记存储是一种糟糕的做法,许多框架/库会试图解析您的特殊字符,这会给您带来麻烦) 然后可以使用键访问视图中的原始数据

{data.name}
{data.description}

如果您坚决反对使用键,您可能会发现这个关于打印JSON数据的线程很有帮助:


以下是如何在react.js中执行此操作

<div>
  {Object.keys(data).map(key) => (
    <span key={key}>
      {data[key]}
    </span>
  )}
</div>

{Object.keys(数据).map(键)=>(
{data[key]}
)}

解释<代码>对象。键< /代码>从对象中提取所有键,在每个对象上映射一个“<代码> >代码>()),在每个跨度中,从其数据的值中获取其值

。您必须迭代对象的键并将其值作为父代子的值附加。请考虑下面的代码:

<div>
  {Object.keys(data).map(key => data[key])}
</div>

{Object.keys(data.map)(key=>data[key])}

Object.keys
将为您提供对象的键,
map
函数以数组格式返回键的所有值。它可以用react JSX编写,如上面的代码所示。

可能重复感谢您的回答!你能给我举个例子吗?那真的很有帮助@GuillaumeGeorgesThanks为你准备了一杯酒!我会调查的@RyanThanks寻求帮助!
<div>
  {Object.keys(data).map(key => data[key])}
</div>