如何打印此JavaScript数据结构？

我在for循环中遇到了一个问题，我只是试图打印出数据结构中的详细数组

  for(i in myObj.detail){
  x += "<h2>" + myObj.detail[i].bigtitle + "</h2>";  

  for(z=0; z<3; z++){   
     x+="<h2>"+ myObj.detail[i].infor[i].step[z] + "</h2>"; 
     for(m=0; m<3; m++){

       x+="<h2>"+ myObj.detail[i].infor[i].image[m] + "</h2>"; 

         for(c=0; c<3; c++){

            x+="<h2>"+ myObj.detail[i].infor[i].content[c] + "</h2>"; 
           }
        }
     }
 }  



myObj={"detail":[{
         "bigtitle":"Print Room",
         "lable":3,        
         "infor":[{"step":["First","Second","Third"]},
                  {"image":["imge-1","imge-2","image-3"]},
                  {"content":["1111","2222","3333"]}
                 ]}
               }

---

您不需要使用所有这些循环，它们似乎是无用的，并且会导致许多异常，您只需要

2

循环：

• 首先使用

  myObj.detail.length

  循环遍历

  myObj.detail.length

  所有数组元素
• 第二个循环是

  步骤

  ，

  图像

  和

  内容

  项，使用带有固定计数器的for循环来获取所有这些

  3

  项

因此，您的代码将如下所示：

Print Room 

  First
  image-1
  1111
  Second
  imge-2
  2222
  Third
  image-3
  3333

var x = "";
for (i in myObj.detail) {
  x += "<h2>" + myObj.detail[i].bigtitle + "</h2>";
    for (m = 0; m < 3; m++) {
      x += "<h2>" + myObj.detail[i].infor[0].step[m] + "</h2>";
      x += "<h2>" + myObj.detail[i].infor[1].image[m] + "</h2>";
      x += "<h2>" + myObj.detail[i].infor[2].content[m] + "</h2>";
    }
}

var x=”“；
对于（我在myObj.细节中）{
x+=“”+myObj.detail[i].bigtitle+“”；
对于（m=0；m<3；m++）{
x++=''+myObj.detail[i].信息[0].步骤[m]+''；
x++=''+myObj.detail[i].infor[1].image[m]+''；
x++=''+myObj.detail[i].infor[2].content[m]+''；
}
}

演示：

myObj={
详情：[{
bigtitle：“打印室”，
标签：3，
信息：[{
步骤：[“第一”、“第二”、“第三”]
},
{
图像：[“imge-1”、“imge-2”、“图像-3”]
},
{
内容：[“1111”、“2222”、“3333”]
}
]
}]
}
var x=“”；
对于（我在myObj.细节中）{
x+=“”+myObj.detail[i].bigtitle+“”；
对于（m=0；m<3；m++）{
x++=''+myObj.detail[i].信息[0].步骤[m]+''；
x++=''+myObj.detail[i].infor[1].image[m]+''；
x++=''+myObj.detail[i].infor[2].content[m]+''；
}
}
文件。编写（x）您不需要使用所有这些循环，它们似乎是无用的，并且会导致许多异常，您只需要
2
循环：


首先使用
myObj.detail.length
循环遍历
myObj.detail.length
所有数组元素
第二个循环是
步骤
，
图像
和
内容
项，使用带有固定计数器的for循环来获取所有这些
3
项

因此，您的代码将如下所示：

Print Room 

  First
  image-1
  1111
  Second
  imge-2
  2222
  Third
  image-3
  3333

var x = "";
for (i in myObj.detail) {
  x += "<h2>" + myObj.detail[i].bigtitle + "</h2>";
    for (m = 0; m < 3; m++) {
      x += "<h2>" + myObj.detail[i].infor[0].step[m] + "</h2>";
      x += "<h2>" + myObj.detail[i].infor[1].image[m] + "</h2>";
      x += "<h2>" + myObj.detail[i].infor[2].content[m] + "</h2>";
    }
}

var x=”“；
对于（我在myObj.细节中）{
x+=“”+myObj.detail[i].bigtitle+“”；
对于（m=0；m<3；m++）{
x++=''+myObj.detail[i].信息[0].步骤[m]+''；
x++=''+myObj.detail[i].infor[1].image[m]+''；
x++=''+myObj.detail[i].infor[2].content[m]+''；
}
}

演示：


myObj={
详情：[{
bigtitle：“打印室”，
标签：3，
信息：[{
步骤：[“第一”、“第二”、“第三”]
},
{
图像：[“imge-1”、“imge-2”、“图像-3”]
},
{
内容：[“1111”、“2222”、“3333”]
}
]
}]
}
var x=“”；
对于（我在myObj.细节中）{
x+=“”+myObj.detail[i].bigtitle+“”；
对于（m=0；m<3；m++）{
x++=''+myObj.detail[i].信息[0].步骤[m]+''；
x++=''+myObj.detail[i].infor[1].image[m]+''；
x++=''+myObj.detail[i].infor[2].content[m]+''；
}
}
文件。编写（x）尝试不使用循环，因为此json易于访问，并且有利于管理cpu:）下面是示例：

console.log(myObj.detail[0].bigtitle);
console.log(myObj.detail[0].lable);
console.log(myObj.detail[0].infor[0].step[0]);
console.log(myObj.detail[0].infor[0].step[1]);
console.log(myObj.detail[0].infor[0].step[2]);
console.log(myObj.detail[0].infor[1].image[0]);
console.log(myObj.detail[0].infor[1].image[1]);
console.log(myObj.detail[0].infor[1].image[2]);
console.log(myObj.detail[0].infor[2].content[0]);
console.log(myObj.detail[0].infor[2].content[1]);
console.log(myObj.detail[0].infor[2].content[2]);

尝试不使用循环，因为此json易于访问，并且有利于管理cpu:）以下是示例：

console.log(myObj.detail[0].bigtitle);
console.log(myObj.detail[0].lable);
console.log(myObj.detail[0].infor[0].step[0]);
console.log(myObj.detail[0].infor[0].step[1]);
console.log(myObj.detail[0].infor[0].step[2]);
console.log(myObj.detail[0].infor[1].image[0]);
console.log(myObj.detail[0].infor[1].image[1]);
console.log(myObj.detail[0].infor[1].image[2]);
console.log(myObj.detail[0].infor[2].content[0]);
console.log(myObj.detail[0].infor[2].content[1]);
console.log(myObj.detail[0].infor[2].content[2]);

预计产量是多少？预计产量是多少？非常感谢！！！！！！！！！！！！！！！！！！非常感谢。这个问题花了我很长时间：）@Toney不客气，很高兴能帮上忙。非常感谢！！！！！！！！！！！！！！！！！！非常感谢。这个问题花了我很长时间：）@Toney不客气，很高兴能帮上忙。谢谢你帮助我，谢谢你给我提建议！：）谢谢你的帮助，谢谢你的建议！：）