Javascript 在不知道对象的键的情况下访问对象值
我确实完成了reactjs教程,并开始制作一个以json格式存储数据的webapp。我能够从json数据中找到我的对象,该对象将表示如下内容: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>
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>