reduce用法--树状数据根据各级id,获得title值(数组知道第一/二层的id,获取对应层数的title值)

需求

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值(数组知道第一/二层的id,获取对应层数的title值))