如何在javascript中将数组打印到HTML页面 [英] How to print array to HTML page in javascript

问题描述

var txt=" ";
var basket= {
                item1:"rice",
                item2:"salt",
                item3:"banana",
                item4:"cake",
                item5:"apple",
                item6:"grape",
                item7:"meat",
                item8:"mango",
                dress:{
                    shirt:{
                            1:"t-Blue",
                            2:"t-black",
                            3:"t-green",
                            4:"t-red",
                            6:"t-yellow",
                            7:"t-Orange",
                          },
                          
                    pants:{
                        a:"p-Blue",
                        b:"p-black",
                        c:"p-green",
                        d:"p-red",
                        e:"p-yellow",
                        f:"t-Orange",
                          },
                          
                     silk:{
                        a:"p-Blue",
                        b:"p-black",
                        c:"p-green",
                        d:"p-red",
                        e:"p-yellow",
                        f:"t-Orange",
                          }
                       }
            }
            
 for (x in basket)
 {
 txt+= basket[x]+","+" ";
 }
document.getElementById("p3").innerHTML=  txt; 

我的尝试：



我试图在javascript中打印数组中的valus。但它不起作用。任何人都可以请告诉我是什么问题。

What I have tried:

I tried to print valus from an array in javascript. but its not working. can anyone can please tell me what is the problem.

推荐答案

您的代码部分工作。我添加了更多代码来打印所有数据。

参考 - [修复]如何在javascript中将数组打印到HTML页面 - JSFiddle [ ^ ]

Your code works partially. I added more codes to print all data.
Refer - [Fix] How to print array to HTML page in javascript - JSFiddle[^]

这篇关于如何在javascript中将数组打印到HTML页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！