后台返回res.result字段不确定场景的优化?

作者站长头像
站长
· 阅读数 8

后台返回的接口数据res.result.xxxx包含如下的字段，但是每次返回只有其中几个字段，全部返回所有字段的场景很少

-- waveHeight
--waveLevel
--waveDirection
--swellDirection
--wavePeriod
--waterTemp
--tideHight
--windPower
--windDirection
--visibility
--swimmingFitness
--gust
--weather
--weatherTemp

前端拿到返回的字段之后进行处理渲染页面res.result.返回的字段.dataValue.map

问题是先现在前端需要针对所有返回数据都写逻辑，非常臃肿if(res.result.xxx){ res.result.xxx.dataValue.map ....}

想知道有没有什么简单的方法优化

回复
1个回答
avatar
test
2024-07-14

维护一个数组，用可选链加循环解决？

const arr = ['waveHeight', 'waveLevel', 'waveDirection']
arr.forEach(item => {
    res.result[item]?.dataValue?.map(xxx)
})
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容