JavaScript:如何生成嵌套有序列表

JavaScript中可以通过使用递归函数来生成嵌套有序列表。下面是一个示例代码：

function generateNestedOrderedList(data) {
  let html = '<ol>';

  for (let i = 0; i < data.length; i++) {
    html += '<li>';

    if (Array.isArray(data[i])) {
      html += generateNestedOrderedList(data[i]);
    } else {
      html += data[i];
    }

    html += '</li>';
  }

  html += '</ol>';

  return html;
}

// 示例数据
const data = [
  'Item 1',
  'Item 2',
  [
    'Subitem 2.1',
    'Subitem 2.2',
    [
      'Subsubitem 2.2.1',
      'Subsubitem 2.2.2'
    ]
  ],
  'Item 3'
];

const nestedOrderedList = generateNestedOrderedList(data);
console.log(nestedOrderedList);

这段代码中，generateNestedOrderedList函数接受一个数组作为参数，该数组包含了有序列表的内容。函数通过遍历数组的每个元素，如果元素是一个数组，则递归调用generateNestedOrderedList函数生成嵌套的有序列表，否则直接将元素添加到列表项中。最后，函数返回生成的HTML代码。

对于上述示例数据，生成的嵌套有序列表的HTML代码如下：

<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>
    <ol>
      <li>Subitem 2.1</li>
      <li>Subitem 2.2</li>
      <li>
        <ol>
          <li>Subsubitem 2.2.1</li>
          <li>Subsubitem 2.2.2</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>Item 3</li>
</ol>

这样就生成了一个嵌套的有序列表。你可以将生成的HTML代码插入到网页中，或者根据需要进行进一步的处理和展示。

腾讯云相关产品和产品介绍链接地址：