Javascript 显示JSON的所有数据
我有这样的JSON:Javascript 显示JSON的所有数据,javascript,Javascript,我有这样的JSON: let a = { "name": "rahul", "age": "25" } <div>{a.name}</div> <div>{a.age}</div> 我想显示这个JSON中的所有数据。 所以我是这样做的: let a = { "name": &qu
let a =
{
"name": "rahul",
"age": "25"
}
<div>{a.name}</div>
<div>{a.age}</div>
我想显示这个JSON中的所有数据。
所以我是这样做的:
let a =
{
"name": "rahul",
"age": "25"
}
<div>{a.name}</div>
<div>{a.age}</div>
{a.name}
{a.age}
但json中的数据也可能不同
所以我想显示所有数据(json中的数据可以是动态的,有时有2个值,有时有5个值)我将尝试以下方法:
let str = JSON.stringify(a)
console.log(str)
您可以查看更多详细信息。我将尝试以下方法:
let str = JSON.stringify(a)
console.log(str)
您可以查看更多详细信息。我假设您使用的是react 您可以使用Object.keys()方法获取包含对象键的数组,并简单地迭代该数组
const数据={
姓名:“约翰”,
年龄:24岁,
生日:“2020年1月23日”,
};
函数App(){
返回(
{Object.keys(data.map)((key)=>(
{key}:{data[key]}
))}
);
}
render(,document.getElementById(“根”))代码>
在括号中,我假设您使用的是react
您可以使用Object.keys()方法获取包含对象键的数组,并简单地迭代该数组
const数据={
姓名:“约翰”,
年龄:24岁,
生日:“2020年1月23日”,
};
函数App(){
返回(
{Object.keys(data.map)((key)=>(
{key}:{data[key]}
))}
);
}
render(,document.getElementById(“根”))代码>
从这些括号中假设您正在使用react:
您可以使用Object.values
获取值,然后循环它们
如果您也需要这些键,可以使用Object.keys
const示例=()=>{
设a={
“名称”:“rahul”,
“年龄”:“25岁”,
“电话号码”:1234566,
}
报税表(
使用对象。值:
{Object.values(a.map)(value=>({value}))}
使用对象。键:
{Object.keys(a).map(key=>({key}:{a[key]}))}
);
};
ReactDOM.render(,
document.getElementById(“react”)
);代码>
从这些括号中假设您正在使用react:
您可以使用Object.values
获取值,然后循环它们
如果您也需要这些键,可以使用Object.keys
const示例=()=>{
设a={
“名称”:“rahul”,
“年龄”:“25岁”,
“电话号码”:1234566,
}
报税表(
使用对象。值:
{Object.values(a.map)(value=>({value}))}
使用对象。键:
{Object.keys(a).map(key=>({key}:{a[key]}))}
);
};
ReactDOM.render(,
document.getElementById(“react”)
);代码>
您可以这样使用:
var template = '';
Object.values(a).map(item => {
template +='<div>' + item + '</div>';
});
var模板=”;
Object.values(a.map)(项=>{
模板+=''+项目+'';
});
您可以在HTML中使用模板。您可以这样使用:
var template = '';
Object.values(a).map(item => {
template +='<div>' + item + '</div>';
});
var模板=”;
Object.values(a.map)(项=>{
模板+=''+项目+'';
});
您可以在HTML中使用模板。因为您只有一个javascript标记,所以对于带有javascript的普通HTML,循环json和附加div就可以了
a={
“名称”:“rahul”,
“年龄”:“25岁”,
“性别”:“男性”
}
for(a中的var键){
如果(a.hasOwnProperty(键)){
var节点=document.createElement(“div”);
node.innerHTML=a[key];
document.getElementById(“父”).appendChild(节点);
}
}
因为您只有一个javascript标记,所以对于带有javascript的普通html,循环json并附加div就可以了
a={
“名称”:“rahul”,
“年龄”:“25岁”,
“性别”:“男性”
}
for(a中的var键){
如果(a.hasOwnProperty(键)){
var节点=document.createElement(“div”);
node.innerHTML=a[key];
document.getElementById(“父”).appendChild(节点);
}
}
您好,这是react吗?JSON.stringify(jsonVar)
我认为您需要使用Javascript在div中打印数据。我建议您使用
而不是
。如果您想迭代,请使用keys=Object.keys(jsonVar)。然后循环键以获得相应的值和格式。您可以指定您正在使用的js框架和jsonHello的一个示例吗?这是react吗?JSON.stringify(jsonVar)
我认为您需要使用Javascript来打印div中的数据。我还建议使用
而不是
。如果您想要迭代,那么使用keys=Object.keys(jsonVar)。然后循环键以获得相应的值和格式。您可以指定您正在使用的js框架以及json的示例吗