任意Json转成无序列表的方法示例

深入了解Json转无序列表：实践指南与代码示例

你是否曾遇到过这样的情况：网上许多树状插件需要特定格式的Json数据，而我们自己生成的Json往往不符合这些格式要求。这时，我们需要将Json转换为无序列表，而这个过程可以通过简单的JavaScript代码实现。跟随这篇文章的步伐，让我们深入了解如何将任意Json轻松转换为无序列表。

假设我们有一个如下的Json数据：

```json

{

"顶层菜单1": [

{

"domain": "顶层菜单1",

"runType": "background",

"moduleName": "子菜单",

"memo": "描述",

"srcFile": "",

"depends": []

}

],

"顶层菜单2": [

// ...其他数据

],

"顶层菜单3": []

}

```

我们可以通过以下JavaScript代码将其转换为HTML无序列表：

```javascript

// Json数据

var dataObject = JSON.parse(data);

var html = '

';

// 遍历Json对象并创建无序列表元素

for (var n in dataObject) {

html += '

• ' + n + '
  ';

  for (var i = 0; i < dataObject[n].length; i++) {

  var domainName = dataObject[n][i].domain;

  var moduleName = dataObject[n][i].moduleName;

  html += '

  • ' + moduleName + '
  ';

  }

  html += '

';

}

html += '

// 将生成的无序列表添加到页面中的指定元素内（此处为ID为sidebar的元素）

$('sidebar').append(html);

```

以上代码首先给定的Json数据，然后遍历其每一个顶层菜单。对于每一个顶层菜单，代码创建一个`