美文网首页
reduce用法--树状数据根据各级id,获得title值(数组

reduce用法--树状数据根据各级id,获得title值(数组

作者: 前端青音 | 来源:发表于2019-08-10 19:20 被阅读0次

    需求

    image.png image.png image.png

    根据stageOption和stageOptionNow 得到activeStage:

    stageOptionNow为当前选中的id,数组的第一项为第一层的id,数组的第2项为第2层的id,
    现在要根据已知的id,获取对应级数的title值,即得到activeStage。

    代码

      computed: {
        activeStage() {
          let [firstId, secondId] = this.stageOptionNow || []
          return this.stageOption.reduce(
            (result, item) => {
              if (item.id === firstId) {
                result.first = item
                result.second = item.child.find(child => child.id === secondId)
              }
              return result
            },
            { first: {}, second: {} }
          )
        }
      },
    

    Array.prototype.reduce()

    MDN地址---Reduce

    相关文章

      网友评论

          本文标题:reduce用法--树状数据根据各级id,获得title值(数组

          本文链接:https://www.haomeiwen.com/subject/yifdjctx.html