问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

递归有什么简便方法，可以给每一层增加一个属性(标记第几层),如下图代码

头像
渣渣辉
    1.3k693202

    问题

    递归有什么简便方法，可以给每一层增加一个属性(标记第几层),如下图代码

    <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    var data = [{
      //第一层:index=1
      id: '1',
      name: 'a',
      children: [{
         //第二层:index=2
        id: '1-1',
        name: 'aa'
      }, {
        //第二层:index=2
        id: '1-2',
        name: 'ab',
        children: [{
          //第三层:index=3
          id: '1-2-1',
          name: 'aba',
        }]
      }]
    }, {
     //第一层:index=1
      id: '2',
      name: 'b',
    }]
    function forData(data) {
      data.forEach((item, index) => {
        item.index = index + 1;
        if (item.children) {
          forData(item.children)
        }
      })
    }
    forData(data)
    console.table('data', data)
  </script>
</body>

</html>

    层数如下图绿色数字

    image.png

    javareactvue.js前端javascript
    阅读 2.6k
    1 个回答
    得票最新
    头像
    牛书书
      10.1k72035

      你就把level传到递归函数就可以了，大概思路如下（没测试～）

      function setLevel (list, level = 1) {
  list && list.forEach(item => {
    item.index = level
    setLevel(item.children, level + 1)
  })
}
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题