将级别+数据的数组转换为列表树结构

时间:2017-05-21 10:55:27

标签: javascript html css html-lists

我正在编写一个接收数组的程序,然后创建一个可折叠的ul树类型结构。我在java脚本中这样做。我在这样的数组中得到字符串:

{"1, Dog, true"},
{"2, German Shepard, true"},
{"3, Spotty, true"},
{"2, Jack Russel, true"},
{"3, Blacky, true"},
{"1, Cats, true"},
{"1, Horses, true"}

这应该产生

        
  •         狗         
                  
    •                 德国谢泼德                 
                            
      •                         Sptty                     
      •                 
                  
    •             
    •                 杰克罗素                 
                            
      •                         Blacky                     
      •                 
                  
    •         
        
  •     
  •         猫     
  •   
  •         马匹     

我已经尝试使数组多维并且只是迭代它,但有时有4个级别并且它有可能变为5. True将使列表项变为绿色而false将使列表项变为红色。我将数组拆分为","如果数字大于前一个,我会创建一个新的ul,如果数字小于我关闭一个ul,但是当前一个数字小于> 2时我会遇到麻烦。一些帮助将非常感谢。

1 个答案:

答案 0 :(得分:0)

因此将其转换为JSON,如

{
   "Dog" : {
     "isGood":true,
     "German Shepherd":{

     }
   }
}