Javascript 显示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

我有这样的JSON:

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的示例吗