javascript - 如何在 javascript 上从数据 json 创建列表？

Question

我有这样的数据json：

{
   a: {
      content: "value A"
   },
   b: {
      content: "value B",
      c: {
         content: "value C"
      }
   }
}

我想将它显示到这样的列表中：

• 值 A
• 值 B
  • 值 C

请帮助我，谢谢

标签： javascriptjson

Answer 1

我将实现一个遍历对象并生成 ul-li 内容的函数。

var input = {
   a: {
      content: "value A"
   },
   b: {
      content: "value B",
      c: {
         content: "value C"
      }
   }
};

function getStructure(input) {
    var children = "";
    for (let key in input) {
        if (key === "content") {
            children += `<li>${input[key]}</li>`;
        } else {
            children += `<ul>${getStructure(input[key])}</ul>`;
        }
    }
    return `<ul>${children}</ul>`;
}

document.body.innerHTML += (getStructure(input));