html怎么遍历二维数组,原生js for循环遍历二维数组、嵌套元素的简单示例

这篇文章主要为大家详细介绍了原生js for循环遍历二维数组、嵌套元素的简单示例，具有一定的参考价值，可以用来参考一下。

关于for循环这是js中的重点，特别是项目中会经常用到，并且它的运用范围还极其的广泛，极其的复杂，今天就来遍历一个多层嵌套的元素，先来看看简单的布局：

• 我的好友

  • 张安
  • 李三
  • 张四
• no
  no
• no

• 不认识的人

  • 王五
  • 刘四
  • 赵三

• 黑名单

  • 刘八
  • 李八
  • 周六

这种布局就是ul里有li然后li里又嵌套着ul，并且不是单一的有规律的嵌套里面还穿插有h2，页面布局所显示的效果如下图所示：

其实我想要的实现的效果是遍历每个分组里的人名，那么也就相当于是遍历最外面的ul里嵌套的的ul里的li，那么js就主要分为最关键的两步：

第一，先找到最外面的ul里的三个分组里的ul，然后依次遍历；

第二，就是要在遍历过的ul里找