小编EBa*_*mba的帖子

JavaScript:如何从数组创建无序列表?

我有以下数组,我想从它创建一个无序列表,但我无法以正确的格式生成无序列表.我搜索过类似的问题,但现有的解决方案都没有解决我的问题.

var myArray = ['Value 1', ['Inner value 1', 'Inner value 2', 'Inner value 3', 'Inner value 4'], 'Value 2', 'Value 3', 'Value 4', 'Value 5', 'Value 6'];
Run Code Online (Sandbox Code Playgroud)

这是我的JavaScript代码:

function arrToUl(arr) {
  var div = document.getElementById('myList');
  var ul = document.createElement('ul');

  for (var i = 0; i < arr.length; i++) {

    if (arr[i] instanceof Array) {
      var list = arrToUl(arr[i]);
    } else {
      var li = document.createElement('li');
      li.appendChild(document.createTextNode(arr[i]));
      console.log(ul.appendChild(li));
    }
    div.appendChild(ul);
  }
}

arrToUl(myArray);
Run Code Online (Sandbox Code Playgroud)

上面的代码产生以下结果:

<ul>
<li>Value 1</li>
<li>Inner Value 1</li> …
Run Code Online (Sandbox Code Playgroud)

html javascript arrays for-loop

5
推荐指数
1
解决办法
6226
查看次数

标签 统计

arrays ×1

for-loop ×1

html ×1

javascript ×1