javascript - 将级别+数据的Array转换为List树结构

标签 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"}

这应该产生

  • > 狗
    • > 德国牧羊犬
      • > 斯普蒂
    • > jack 罗素
      • > 小黑
  • > 猫
  • > 马匹

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

最佳答案

因此将其转换为 JSON,例如

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

     }
   }
}

关于javascript - 将级别+数据的Array转换为List树结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44096005/

相关文章:

javascript - Rethinkdb Append 说属性不存在

javascript - 在其中一个脚本中使用 package.json 的版本属性

android - 使用 flexbox 的网站无法在 IOS 上运行

带有 Bootstrap 的 JavaScript 表格过滤器

css - 订购在 Bootstrap 4 上不起作用

javascript - Angular ng-class(2个参数之间)

javascript - 如何在按下和按下按钮时连续递增

c# - 使用 Razor 语法定义 HTML 属性名称

javascript - 沿着半圆形的星级评分

html - 悬停时的图像过渡