Bootstrap

递归>>>解决当无法确定数组 children字段里面是否还有children时(无法确定有几层children)

有这么一个数组(无法确定它children有几层)

[
  {
    "title": "一级1",
    "key": "1.1",
    "value": "1.1",
    "children": [
      {
        "title": "二级1",
        "key": "1.1.1",
        "value": "1.1.1"
      },
      {
        "title": "二级2",
        "key": "1.1.2",
        "value": "1.1.2"
      }
    ]
  },
]

我需要打印出所有的value字段对应的值

recursion(arr) {
      arr.map(item => {
        if(item.children != null) {
          console.log(item.value);
          this.recursion(item.children)
        }else {
          console.log(item.value);
        }
      })
    },

拿上面的数组去调用下面的方法,即可打印出所有的value字段值,不管他有几层孩子

既然能够打印出所有的值,那么肯定是可以对这树状结构的数组去进行其他你想要的操作

js递归的核心代码是这些,很好理解⬇

recursion(arr) {
      arr.map(item => {
        if(item.children != null) {
         
          this.recursion(item.children)
        }else {
          
        }
      })
    },

;